Cloudflare Astro

Deploy an Astro site to Cloudflare with edge rendering

Cloudflare Astro Example

This example shows how to deploy an Astro site to Cloudflare with local development support.

Features

• Astro: Modern static site generator with islands architecture
• Edge Rendering: SSR at the edge with Cloudflare Workers
• Local Development: Integrated dev server

Project Setup

Key Features Explained

Local Development

The dev configuration integrates with Astro’s dev server:

dev: {
  command: "astro dev --port 5000",
}

Named Resources

Resources use a naming convention based on app name and stage:

name: `${app.name}-${app.stage}-website`

Source Code

View the complete source code: examples/cloudflare-astro