Overview
This site. Migrated from WordPress to Astro for performance, simplicity, and full control over the visual system. Built with a component-first architecture, dark creative-tech aesthetic, and self-hosted deployment.
How It Works
Astro handles static generation with zero client-side JavaScript by default. Components are split into semantic pieces (Hero, ProjectCard, SectionHeader, etc.), each with its own scoped styles. Data lives in a single TypeScript module that feeds every component — easy to update, easy to version.
Building It
The redesign started with a DESIGN.md token file defining every color, font, and spacing value. Then a wireframe blueprint mapped out each section. Astro components were built one at a time, tested against the design spec, and composed into pages. The whole thing builds in under 5 seconds.
What's Next
Content collections for dynamic project and note pages, RSS feed, and a search index.