hello-world-react-app-bindings

A React 19 + Vite starter for Webflow Cloud with Cloudflare bindings (D1, R2, KV) wired in.

At deploy time, Webflow Cloud provisions the configured services and injects them into your app as typed bindings — no API keys, no connection strings.

Looking for the plain vanilla variant (no bindings)? See hello-world-react-app.

Requirements

• Node 20+

What's included

• React 19 + Vite 6
• Tailwind CSS v3
• worker/index.ts — Cloudflare Worker serving the SPA and a /api/binding-status endpoint
• wrangler.json with D1, R2, KV · Sessions, KV · Flags
• Branded landing page that renders real-time binding status

Quickstart

npm install

# Run locally (Vite only, no bindings)
npm run dev

# Build + preview against real bindings (wrangler)
npm run preview

Deploy to Webflow Cloud

1. Fork this repo.
2. In your Webflow site, open Apps → Webflow Cloud → Create new app and select this repo.
3. Webflow Cloud reads wrangler.json and provisions D1, R2, and KV automatically.

Bindings map

Binding	Type	Declared in
DB	D1	wrangler.json
MEDIA	R2	wrangler.json
SESSIONS	KV	wrangler.json
FLAGS	KV	wrangler.json

Learn more

• Webflow Cloud docs
• Bindings guide
• Vite + React on Webflow Cloud

---

Built with React + Vite · Deployed on Webflow Cloud.