cd /news/developer-tools/i-rebuilt-my-personal-site-with-astr… · home topics developer-tools article
[ARTICLE · art-69760] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=↑ positive

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.

read1 min views1 publishedJul 23, 2026

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!

── more in #developer-tools 4 stories · sorted by recency
── more on @ammar najjar 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/i-rebuilt-my-persona…] indexed:0 read:1min 2026-07-23 ·