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. 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!