skills.rest
tonyoconnell
tonyoconnellCOMMUNITY
Explore all skills by this author →
Website𝕏@tonyoconnellGitHub

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
One-click install
npx skills add https://github.com/tonyoconnell/agent-ui --skill astro-tonyoconnell
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
one-ieone-ie
129

astro

Build Astro 6 apps with React islands on Cloudflare Workers.

Official
Advanced
andrewkoumoudjianandrewkoumoudjian

wrangler

Deploy Cloudflare Workers and related resources using the Wrangler CLI.

Community
Advanced
VKirillVKirill
15

astro

Build Astro 6.x sites with islands architecture and server-side rendering.

Community
Advanced
ChristineThamChristineTham

netlify-frameworks

Deploy Astro, Next.js, Nuxt, SvelteKit, and other frameworks to Netlify via adapters.

Community
Intermediate