https://github.com/aminnausin/astrofolio
Portfolio site built with Astro
https://github.com/aminnausin/astrofolio
astro docker-image portfolio static-site vue
Last synced: 2 months ago
JSON representation
Portfolio site built with Astro
- Host: GitHub
- URL: https://github.com/aminnausin/astrofolio
- Owner: aminnausin
- License: agpl-3.0
- Created: 2025-06-29T22:10:51.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-08-07T04:25:04.000Z (11 months ago)
- Last Synced: 2025-08-07T06:20:06.487Z (11 months ago)
- Topics: astro, docker-image, portfolio, static-site, vue
- Language: Astro
- Homepage: https://nausin.me
- Size: 20.2 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Amin Nausin – Portfolio
A stylised personal portfolio site built with [Astro](https://astro.build/), [Vue 3](https://vuejs.org/), and [Tailwind CSS](https://tailwindcss.com/).
It showcases projects, experiences, and skills with dynamic visuals, including a starfield background rendered using [Three.js](https://threejs.org/).
```sh
npm run docker:build
```
> 🧑🚀 **Powered by:** Digital Ocean
## 🚀 Project Structure
Structure of my portfolio:
```text
/
├── public/
│ └── favicon.svg
├── src/
│ ├── layouts/
│ │ └── Layout.astro
│ ├── types/
│ │ └── types.ts
│ ├── styles/
│ │ └── global.css
│ ├── content/
│ │ └── collection/index.json
│ ├── components/
│ │ └── category/component.[astro/vue]
│ ├── assets/
│ │ └── asset.*
│ └── pages/
│ └── index.astro
├── Dockerfile
├── compose.yaml
└── package.json
```
### Features
- **Fully static, fast-loading** site powered by Astro
- **Dynamic starfield background** using Three.js
- **Dark/light theme toggle** with animated transitions
- **Responsive** layout with Tailwind CSS
- **Dockerised** for easy deployment (Nginx/Alpine-based)
- **CI via GitHub Actions** with automatic Docker Hub publishing and versioning
- **CD via [watchtower](https://github.com/containrrr/watchtower)** with auto deployment to Digital Ocean
### Tech Stack
- Astro + Vue
- TailwindCSS
- Three.js (for starfield)
- Docker + Nginx Container
- GitHub Actions CI
- Plausible (self-hosted analytics)
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:4321` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run type-check` | Run Astro and Vue type checking for CI |
| `npm run docker:build` | Build and publish Docker image for CI |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
## 👀 Want to see more of my projects?
Feel free to check [my longest running project](https://github.com/aminnausin/mediaServer) or add my [GitHub Statistics Snapshot](https://github.com/aminnausin/snapshot) to your profile README.