Personal website and blog with Astro
🛠 What tools does this project use? 90% Astro 🚀 and 10% React ⚛!
🧑🚀 What files can i replace? You can replace and modify the project as much as you want, ideally you should change assets and texts to take advantage of the optimization done, but if you want to customize something else feel free to do so.!
🖤 Where is the design copied from? from Tony Dinh Website.!
🏅 If you find a bug or want to make a PR with new features or fixes, feel free to do so.
/
├── public/
│ └── favicon.svg
├── src/
| ├── assets/
│ ├── components/
│ │ ├── astro/
| | | └── ... Components.astro
| | ├── react/
| | | └── ... Components.tsx
| | ├── markdown/
| | | └── ... Image.tsx
│ ├── layouts/
│ │ ├── Layout.astro
│ ├── pages/
│ | └── index.astro
| ├── style/
| └── hooks/
| └── useEmailForm.ts
└── package.json
All commands are run from the root of the project, from a terminal:
Command | Action |
---|---|
yarn install |
Installs dependencies |
yarn dev |
Starts local dev server at localhost:3000 |
yarn build |
Build your production site to ./dist/ |
yarn preview |
Preview your build locally, before deploying |