# Cloudflare Vinext

> Vinext — Next.js API trên Vite, deploy tới Cloudflare Workers. 94% Next.js 16 API coverage, App Router + RSC, Cloudflare Bindings (D1/R2/KV/AI). Builds nhanh hơn.

- Skill: `yanacuti1121/cloudflare-vinext` (Agent Skill)
- Install (CLI): `npx skillmds add yanacuti1121/cloudflare-vinext`
- Raw SKILL.md: https://api.skillmd.com/api/skills/yanacuti1121/cloudflare-vinext/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: yanacuti1121 (https://skillmd.com/u/yanacuti1121)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/yanacuti1121/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

```bash
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

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

## Cloudflare Bindings

```typescript
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