{"slug": "i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture", "title": "I Rebuilt My Personal Site with Astro + Bun + Cloudflare, Here’s the Full Architecture Breakdown", "summary": "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.", "body_md": "After years with a heavier Docusaurus/React setup, I decided it was time for something lighter, faster, and more maintainable.\n\nThe result is a fully static, high-performance personal website that scores excellent Core Web Vitals while staying simple to develop and deploy.\n\n###\nWhat I cover in the new post:\n\n- Why\n**Astro** became the perfect fit (zero JS by default)\n- Switching the entire toolchain to\n**Bun** (spoiler: it feels *much* snappier)\n- How the site delivers under 10 KB of JavaScript on most pages\n- Smart image optimization, automatic dimension injection, and responsive handling\n- Internationalization (i18n) setup with content collections\n- The complete deployment pipeline with GitHub Actions + Cloudflare Pages\n- Dark mode without layout shifts, Shiki syntax highlighting with CSS variables, and more\n- How local AI tools (running on my Mac) helped shape the rebuild\n\nIf 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.\n\n**Read the full technical deep dive here:**\n\n👉 [https://ammar-najjar.com/blog/website-architecture/](https://ammar-najjar.com/blog/website-architecture/)\n\nI'd love to hear your thoughts in the comments:\n\n- What stack are you using for your personal site or blog right now?\n- Are you team static or still running full server-side frameworks?\n- Any tools you're excited about in 2026?\n\nLooking forward to the discussion!", "url": "https://wpnews.pro/news/i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture", "canonical_source": "https://dev.to/ammarnajjar/i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture-breakdown-2agg", "published_at": "2026-07-23 07:26:39+00:00", "updated_at": "2026-07-23 07:28:58.433524+00:00", "lang": "en", "topics": ["developer-tools"], "entities": ["Ammar Najjar", "Astro", "Bun", "Cloudflare Pages", "GitHub Actions", "Docusaurus", "React"], "alternates": {"html": "https://wpnews.pro/news/i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture", "markdown": "https://wpnews.pro/news/i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture.md", "text": "https://wpnews.pro/news/i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture.txt", "jsonld": "https://wpnews.pro/news/i-rebuilt-my-personal-site-with-astro-bun-cloudflare-heres-the-full-architecture.jsonld"}}