← Back to Blog

Building a Performant Personal Site with Astro

  • astro
  • performance
  • webdev

Building a Performant Personal Site with Astro

When I set out to rebuild my personal homepage, I had clear goals: maximal performance, minimal JavaScript, and excellent developer experience.

Why Astro?

Astro's islands architecture was the perfect fit. By default, it ships zero JavaScript to the browser, only hydrating interactive components when needed.

Key Decisions

  • Static-first approach: Pre-render everything at build time
  • CSS-only animations: No JavaScript for motion effects
  • Type-safe content: TypeScript contracts for all data

    • The result? A Lighthouse score of 100 across all categories and a sub-second First Contentful Paint.