Blog

Build in public

Astro web component cookie consent banner served by Cloudflare Workers, sending Google Consent Mode v2 signals to the Zaraz Consent API on accept.

Cloudflare Zaraz Cookie Consent on Astro: a Zero-JS, Free-Tier Banner

A custom cookie consent banner on Cloudflare Zaraz and Astro, server-rendered on first visit only. Returning visitors get zero banner HTML and zero banner JavaScript, while Google Consent Mode v2 stays wired correctly.

May 28, 2026 Read more →
An Astro 6 React island hydrating inside Cloudflare workerd, with the Vite optimizer pre-bundling react and react-dom on the SSR path.

How I Migrated From Astro 5 to 6 With All My React Islands

A first-person migration log: every error I hit moving an Astro 5 site with React islands to Astro 6 on Cloudflare Workers - Invalid hook call, the dependency scan crash, the i18n ghost - with the exact logs, causes, and fixes.

May 21, 2026 Read more →
Conceptual illustration of an i18n maturity ladder for Astro - from a single ui.ts file at the bottom to an Edge-Native KV architecture at the top.

Astro i18n in 2026: The Complete Guide From ui.ts to Edge-Native KV

Every practical approach to multilingual Astro sites: native routing, Content Collections, ui.ts, Paraglide JS, Intlayer, forms with Zod 4, and the Edge-Native KV pattern. Real-world trade-offs.

Apr 26, 2026 Read more →
Edge-Native i18n architecture diagram showing global Cloudflare Workers network with decoupled TRANSLATION_UPDATE JSON deployment - the core concept of granular edge cache invalidation via Cloudflare Purge API for Astro i18n.

Stop Redeploying to Update Translations: Granular Edge Cache Invalidation with Cloudflare Purge API

Edge-Native i18n with Astro & Cloudflare Workers - Part 3: fully decouple translations from code deployments on Cloudflare Workers.

Apr 25, 2026 Read more →
Conceptual 3D illustration of the Client Bundle Trap: a heavy Zod localization dictionary (zod-i18n-map) crushing a React Island, demonstrating how client-side translation JSONs bloat the React bundle and ruin Core Web Vitals like Total Blocking Time.

Stop Shipping Translations to the Client: Edge-Native i18n with Astro & Cloudflare (Part 2)

Handling localized React Hook Form Zod validation and Astro Actions without bloating your client bundle.

Mar 29, 2026 Read more →
Conceptual illustration of a spaceship jettisoning heavy JSON translations and client-side bloat, representing the shift to zero-JS Edge-Native i18n architecture.

Stop Shipping Translations to the Client: Edge-Native i18n with Astro & Cloudflare (Part 1)

Implementing Edge-native i18n using Astro Middleware and Cloudflare Workers KV.

Feb 21, 2026 Read more →

We use cookies to analyze site traffic and improve your experience. By clicking "Accept All", you consent to our use of analytical tracking.