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

Developer Ammar Najjar rebuilt his personal website using Astro, Bun, and Cloudflare Pages, achieving under 10 KB of JavaScript on most pages and excellent Core Web Vitals. The architecture includes smart image optimization, i18n with content collections, and a GitHub Actions deployment pipeline, with local AI tools assisting the rebuild.

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/ 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