Tech · · 2 min read

Building My Digital Garden with Astro

Why I chose Astro for my personal site and how the Digital Garden philosophy shapes my approach to sharing knowledge online.

Why Astro?

After years of building websites with various frameworks, I settled on Astro for my personal portfolio and blog. The reasons are simple:

  • Zero JavaScript by default — pages ship as pure HTML and CSS unless I explicitly opt in to client-side interactivity
  • Content Collections — type-safe markdown with Zod schema validation
  • Static Site Generation — lightning-fast builds with pre-rendered pages
  • Island Architecture — when I do need interactivity, I can hydrate individual components without loading an entire framework

The Digital Garden Philosophy

This site isn’t a traditional blog with reverse-chronological posts. It’s a digital garden — a collection of ideas at various stages of development.

Some posts are fully formed essays. Others are seeds of ideas that I’ll nurture over time. The goal isn’t to publish polished content on a schedule, but to think in public and connect ideas across domains.

Technical Stack

  • Framework: Astro 5 with static output
  • Styling: Tailwind CSS v4 with custom design tokens
  • Typography: Inter Variable (self-hosted)
  • Performance: Targeting 100/100 Lighthouse scores
  • Deployment: Vercel

The only client-side JavaScript is the dark/light theme toggle — everything else is rendered at build time.

What’s Next

I plan to write about software architecture, system design, and the philosophy of building things. I’ll also share thoughts on trekking, photography, and the intersection of technology and life.

Stay tuned.