ブログ

公開開発

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.

2026/05/28 続きを読む →

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.

2026/05/21 続きを読む →

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.

2026/04/26 続きを読む →

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.

2026/04/25 続きを読む →

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.

2026/03/29 続きを読む →

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.

2026/02/21 続きを読む →