This website is one of the biggest overhauls I’ve ever done to both my personal brand and my tech stack. It was rebuilt entirely from scratch using Astro, and using a custom 100% Astro component library inspired by shadcn/ui.

Learning Astro after years of doing purely React work was a breath of fresh air. The workflow is super simple and straightforward, the builds are lightning fast, and Astro file format is very intuitive and easy to work with. I also took this as a chance to make my website have a bunch of polish on small details I never focused on before. Using GSAP and tailwind, I was able to easily animate my entire website with subtle-but-noticeable effects. I also completely redid my shader system, upgrading to WebGL2, and making it dynamic so it can work with Astro transitions.

While designing my new website, I also redid my user interactions. I started by building completely dynamic Open Graph images generated using Satori for people linking on other websites. I redid my project listing and search to have more details about select projects, with a search to easily find one out of the collection, and with filters to show the technologies I used and to allow people to filter by technology. The projects list is still incomplete, but as I’ve been remembering old projects, I’ve been cataloguing them. I also made a “cards” system for my projects that quickly gives an idea of what the project is and what tech it uses. They also move to add a fun layer of interactivity to the projects!

Overall this was a fun project, and I hope to have a base I can refine further as I do visual design updates, instead of overhauling my website again.