Skip to content

Webflow-Examples/hello-world-astro6-app-bindings

Repository files navigation

hello-world-astro6-app-bindings

An Astro 6 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-astro6-app.

Requirements

  • Node 22.12+ (see engines).

What's included

  • Astro 6 with @astrojs/cloudflare adapter (SSR mode)
  • Tailwind CSS v4 via @tailwindcss/vite
  • wrangler.json with D1, R2, KV · Sessions, KV · Flags
  • src/pages/api/binding-status.ts — live health check for every binding
  • Branded landing page that renders real-time binding status

Quickstart

nvm use
npm install

# Run locally (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 Astro · Deployed on Webflow Cloud.

About

Minimal Hello World Webflow Cloud example with D1/KV/R2 bindings — Astro 6 + Tailwind v4

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors