A TanStack Start example demonstrating deployment to Cloudflare Workers.

• TanStack Router Docs
• Cloudflare Workers Documentation

To start a new project based on this example, run:

npx gitpick TanStack/router/tree/main/examples/react/start-basic-cloudflare start-basic-cloudflare

From your terminal:

pnpm install
pnpm dev

This starts your app in development mode, rebuilding assets on file changes.

To build the app for production:

pnpm build

To preview the production build locally:

pnpm preview

To deploy your app to Cloudflare Workers:

pnpm run deploy

You can access Cloudflare bindings in server functions by using importable env:

import { env } from 'cloudflare:workers'

See src/routes/index.tsx for an example.

This example includes:

• Wrangler configuration for Cloudflare Workers
• Type generation for Cloudflare bindings
• Server-side rendering on the edge
• Access to Cloudflare platform features (KV, D1, R2, etc.)