I Rebuilt My Personal Site with Astro + Bun + Cloudflare, Here’s the Full Architecture Breakdown

After years with a heavier Docusaurus/React setup, I decided it was time for something lighter, faster, and more maintainable.

The result is a fully static, high-performance personal website that scores excellent Core Web Vitals while staying simple to develop and deploy.

What I cover in the new post:

• Why Astro became the perfect fit (zero JS by default)
• Switching the entire toolchain to Bun (spoiler: it feels much snappier)
• How the site delivers under 10 KB of JavaScript on most pages
• Smart image optimization, automatic dimension injection, and responsive handling
• Internationalization (i18n) setup with content collections
• The complete deployment pipeline with GitHub Actions + Cloudflare Pages
• Dark mode without layout shifts, Shiki syntax highlighting with CSS variables, and more
• How local AI tools (running on my Mac) helped shape the rebuild

If you’re interested in modern static site architecture, performance-first development, or just want to see a clean, thoughtful stack in action, I think you’ll enjoy this one.

I’d love to hear your thoughts in the comments:

• What stack are you using for your personal site or blog right now?
• Are you team static or still running full server-side frameworks?
• Any tools you’re excited about in 2026?

Looking forward to the discussion!