Hello World Svelte App Bindings

Minimal Hello World Webflow Cloud example with D1/KV/R2 bindings — Svelte 5 + Vite

hello-world-svelte-app-bindings

A Svelte 5 + 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-svelte-app.

Requirements

Node 20+

What's included

Svelte 5 (with runes) + 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

Fork this repo.
In your Webflow site, open Apps → Webflow Cloud → Create new app and select this repo.
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

Built with Svelte 5 + Vite · Deployed on Webflow Cloud.

Top categories