Svelte Personal Blog
This project is a personal blog built with SvelteKit, TailwindCSS, and Astro.
Personal Blog - Astro + Tailwind + Svelte
Inspirations:
- https://www.rachelhow.com/
- https://paco.me/
- https://swissfolio.vercel.app/
- https://runway.com/
- https://zenorocha.com/
- https://twitter.com/ilyamiskov/status/1662168020410564623
- https://rauno.me/
🎯 Features
- ✅ Tailwind 4;
- ✅ Astro 5v;
- ✅ Astro/Sitemap;
- ✅ Astro/compress;
- ✅ Astro/SEO;
- ✅ Astro/Partytown;
- ✅ Svelte 5;
- ✅ i18n;
- ✅ Performance Optimization Strategy
- ✅ Fontsource
- ✅ Open Graph Image with Satori
🧞 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:3000 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
npx @astrojs/upgrade |
Astro upgrade |
👍 Contribute
If you want to say thank you and/or support the active development this project:
- Add a GitHub Star to the project.
- Write a review or tutorial on Medium, Dev.to or personal blog.
- Support the project by donating a cup of coffee.
☕ Supporters
If you want to support Personal Portfolio, you can ☕ buy a coffee here
✨ Acknowledgment
Author
- Daichi Toyoda - @dtoyoda10
