astro

Build server-rendered Astro 6 pages on Cloudflare Workers with React islands.

Updated Feb 12, 2026

Search Tags:#cloudflare #astro #workers #ssr #adapter #prerender #react-islands

Ready to run

npx skills add https://github.com/tonyoconnell/agent-ui --skill astro-tonyoconnell

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/tonyoconnell/agent-ui/tree/main/.claude/skills/astro
Command: npx skills add https://github.com/tonyoconnell/agent-ui --skill astro-tonyoconnell

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Astro 6 on Cloudflare Workers enables building server-rendered web pages using React islands with a modern, edge-friendly runtime. It brings the Astro 6 ecosystem to CF Workers, offering SSR vs prerender choices, adapter v13 compatibility, and efficient deployment workflows.

Core Features & Use Cases

Server-rendered pages with Astro 6 using the @astrojs/cloudflare adapter (v13) for production-grade edge rendering.
SSR vs prerender mindset with per-page control to optimize performance and bundle size.
Dual adapter configuration for local development (Node standalone) and production (Workers), plus environment bindings access.

Quick Start

Deploy a Cloudflare Workers-based Astro 6 site with React islands.

Frequently Asked Questions about astro

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I deploy an Astro 6 site to Cloudflare Workers with server-side rendering?▼

To deploy an Astro 6 site to Cloudflare Workers, use the @astrojs/cloudflare adapter (v13) to enable server-side rendering. This approach provides configuration guidance for edge deployments using the Workers runtime.

Can I use React islands with Astro on Cloudflare Workers?▼

Yes, you can build server-rendered Astro 6 pages on Cloudflare Workers with React islands. This allows you to selectively hydrate components while optimizing client-side bundle sizes and performance.

How do I configure a dual adapter workflow for Astro local development and production?▼

A dual adapter workflow uses Node standalone for local development and the Cloudflare adapter for production. This setup enables testing of environment bindings and SSR behavior before edge deployment.

Does the Astro Cloudflare adapter v13 support per-page prerender control?▼

Yes, the Astro Cloudflare adapter v13 supports per-page prerender control alongside SSR. This allows mixing static generation and server-rendered routes to optimize performance and bundle size.

What is the SSR vs prerender strategy for Astro on edge deployments?▼

The SSR vs prerender strategy for Astro edge deployments involves choosing between dynamic server-rendering and static HTML generation. This Skill helps teams evaluate strategies to optimize Cloudflare Workers performance.

How do I access Cloudflare bindings in an Astro 6 SSR application?▼

Access Cloudflare bindings in an Astro 6 SSR application through the runtime context provided by the @astrojs/cloudflare adapter. This Skill provides configuration guidance for connecting to environment bindings during edge rendering.