Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dreyfus92/astro-portfolio
My portfolio built with Astro.
https://github.com/dreyfus92/astro-portfolio
astrojs personal-website pnpm portfolio tailwindcss typescript vercel-deployment view-transitions
Last synced: 2 months ago
JSON representation
My portfolio built with Astro.
- Host: GitHub
- URL: https://github.com/dreyfus92/astro-portfolio
- Owner: dreyfus92
- License: mit
- Created: 2022-11-16T02:56:24.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-11T16:07:04.000Z (7 months ago)
- Last Synced: 2024-10-19T13:38:43.770Z (3 months ago)
- Topics: astrojs, personal-website, pnpm, portfolio, tailwindcss, typescript, vercel-deployment, view-transitions
- Language: MDX
- Homepage: https://www.paulvall.dev
- Size: 33.1 MB
- Stars: 37
- Watchers: 2
- Forks: 5
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🧑🏻💻 My personal website
An attempt to create a miniminal js personal blog using
[Astro](https://astro.build/).
## 📚 Stack
- Platform: [Astro](https://astro.build/)
- Deployment: [Vercel](https://vercel.com/)
- Package manager: [pnpm](https://pnpm.io/)
- CSS: [Tailwind CSS](https://tailwindcss.com/)
## 🚀 Project Structure
Inside of my Astro project, you'll see the following folders and files:
```bash
├── .vscode/
├── public/
├── src/
│ ├── assets/
│ ├── components/
│ ├── content/
│ ├── layouts/
│ ├── pages/
│ ├── styles/
│ └── utils/
├── .env.example
├── .eslintrc.cjs
├── .gitignore
├── .LICENSE
├── README.md
├── astro.config.ts
├── package-json
├── pnpm-lock.yaml
├── tailwind.config.js
└── tsconfig.json
```
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page
is exposed as a route based on its file name.
There's nothing special about `src/components/`, but that's where you should
place any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the `public/` directory.
This project uses [Tailwind CSS](https://tailwindcss.com/) for styling. The
`tailwind.config.js` file is where you can customize your Tailwind theme.
I'm using the `assets` folder to store my images and the `content` folder to
store my markdown files so I can take advantage of Astro's built-in image
optimization.
## 🧞 Running Locally
This app requires Node.js v18.4.1 or later.
```bash
git clone [email protected]:dreyfus92/astro-portfolio.git
cd astro-portfolio
npm install -g pnpm
pnpm i
pnpm dev
```
## 📝 License
This project is licensed under the [MIT license](/LICENSE).