A Nuxt 4 application deployed on Cloudflare Pages with Cloudflare KV for storage.
- Framework: Nuxt 4
- UI: Nuxt UI + Tailwind CSS 4
- Deployment: Cloudflare Pages
- Storage: Cloudflare KV
- Package Manager: pnpm
- Node.js 18+
- pnpm
- Wrangler CLI
pnpm install
Standard Nuxt development server:
pnpm dev
Development with Cloudflare Pages (includes KV bindings):
pnpm dev:cf
Preview locally with Wrangler:
pnpm preview:cf
Deploy to Cloudflare Pages:
pnpm deploy
Update wrangler.toml with your KV namespace IDs:
[[kv_namespaces]] binding = "KV" id = "your-kv-namespace-id" preview_id = "your-preview-kv-namespace-id"
Create a KV namespace via Wrangler:
wrangler kv namespace create "KV" wrangler kv namespace create "KV" --preview