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.

Read the full technical deep dive here:


👉 https://ammar-najjar.com/blog/website-architecture/

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!