Skip to content

README.md

Latest commit

 

History

History
59 lines (39 loc) · 1.89 KB

README.md

File metadata and controls

59 lines (39 loc) · 1.89 KB

hello-world-vue-app-bindings

A Vue 3 + 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-vue-app.

Deploy to Webflow

Requirements

  • Node 20+

What's included

  • Vue 3 + 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

Built with Vue 3 + Vite · Deployed on Webflow Cloud.