Cloudflare Vinext

Vinext: reimplements Next.js API trên Vite — same code, faster builds, deploy trực tiếp lên Cloudflare Workers. "Pragmatic compatibility, not bug-for-bug parity."

Migrate từ Next.js

npx skills add cloudflare/vinext
# Rồi nói với AI: "migrate this project to vinext"

# Hoặc manual:
npm install -D vinext vite @vitejs/plugin-react
npx vinext init    # one-command migration

CLI

npx vinext dev     # dev server
npx vinext build   # production build
npx vinext deploy  # deploy to Cloudflare Workers

Cloudflare Bindings

import { env } from "cloudflare:workers"

// D1 Database
const result = await env.DB.prepare("SELECT * FROM users").all()

// R2 Storage
await env.BUCKET.put("key", data)

// KV
const value = await env.KV.get("key")

// Cloudflare AI
const response = await env.AI.run("@cf/meta/llama-3.1-8b-instruct", { prompt })

API Coverage (94% của Next.js 16)

✅ Pages Router + App Router
✅ React Server Components (via @vitejs/plugin-rsc)
✅ Server Actions + streaming SSR
✅ Dynamic routes, catch-all, parallel routes
✅ Metadata API, sitemap, robots, OG images
✅ ISR, static export, caching
✅ All next/* module shims
✅ Multi-platform via Nitro (Vercel, Netlify, AWS, Deno)

❌ Build-time image optimization (dùng @unpic/react)
❌ Self-hosted Google Fonts

Lý do dùng

Faster builds  — Vite + Rolldown
Lighter bundles — aggressive tree-shaking
Edge deployment — Cloudflare Workers native

Source

https://github.com/cloudflare/vinext · MIT · experimental