Claude Start CF — TanStack Start + Cloudflare Workers Template

Claude Start CF — TanStack Start + Cloudflare Workers Template

I’ve been building a lot of applications on Cloudflare Workers lately, and the developer experience is phenomenal when you get the stack right. Today I’m open-sourcing claude-start-cf — a production-ready template that pairs TanStack Start (React SSR) with Cloudflare’s edge infrastructure.

This isn’t a minimal starter. It’s a fully-configured, battle-tested template with working demos for every major pattern you’ll need: server functions, D1 databases, R2 storage, environment variables, markdown processing, SEO optimization, and LLM-friendly pages.

Why This Stack?

TanStack Start is React’s best SSR framework:

  • File-based routing (like Next.js)
  • Server functions that compile to RPC (write once, works on client & server)
  • Built-in streaming, code splitting, and hydration
  • First-class TypeScript support

Cloudflare Workers provides global edge deployment:

  • 200+ regions worldwide
  • Instant cold start
  • No containers or servers to manage
  • Pay-per-request pricing
  • Access to D1, R2, KV, and more

Quick Start

npx degit morrisonak/claude-start-cf my-app
cd my-app
npm install
wrangler d1 create my-db
wrangler r2 bucket create my-bucket
npm run deploy

Key Patterns

Server Functions — Write once, works everywhere. On client: fetch(). On server: direct call.

D1 Database — Serverless SQLite at the edge, colocated with your code.

R2 Storage — S3-compatible with zero egress fees.

Environment Variables — Three layers: wrangler.jsonc, secrets, and VITE_ vars.

Markdown + Collections — Build-time processing with YAML frontmatter.

Real-World Example

Built MetaV Advisors on this template — handles marketing, auth, D1 database, R2 uploads, email, and analytics. Everything on the edge.

Repository: https://github.com/morrisonak/claude-start-cf
Live Demo: https://claude-start-cf.jmorrison.workers.dev

Go build something on the edge.