I recreated my website from scratch. Previously, it was built with Next.js, but now it runs on Astro. I’ve kept React for interactive components and Tailwind CSS for styling.
Why Astro?
Switching to Astro brings faster performance, a cleaner architecture, and better integration with static content. My goal was to create a lighter, more maintainable site without losing the flexibility I enjoyed before. Astro also includes a content system, which makes it easy to create blog pages and showcase my works.
View the full dataset, based on real-world performance data from HTTP Archive and the Chrome UX Report.
What’s new?
First, after updating Shadcn’s components, a collection of customizable React components, I also created some of my own, like the tag, the blog card, and a few others.
Changes to the site structure are shown below:
+ Blog
- Pricing
! Creations > Works
! Projects > Web ProjectsWhat’s next?
I plan to add multiple web projects. One of them might be something I call Blackboard, basically a text editor with a twist where you can convert your notes into a .word file. I think it would be really useful for school.
Additionally, I want to add a star/favorite functionality in the Works section so users can highlight or “star” projects they like. This will make the showcase more interactive and let visitors engage with the content.