Nextjs On Cloudflare
Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext.
Install
npx skills add cloudflare/skills --skill nextjs-on-cloudflare -g -a claude-code -y- Repository
- cloudflare/skills3.2k
- Category
- DevOps
- Updated
- 4d ago
- License
- Apache-2.0
- Context cost
- Lightabout 610 tokens
- Runs scripts
- No, instructions only
What it does
Build, migrate, and deploy Next.js apps on Cloudflare Workers with vinext. Use when starting a Next.js project on Cloudflare, moving an existing app to Workers, choosing between vinext and OpenNext, or setting up vinext for Workers. For setup, migration, or deployment, install vinext's upstream skills with `npx skills add cloudflare/vinext` if missing, then read and follow the applicable skill and docs.
Next.js on Cloudflare
Use vinext rather than OpenNext for new Next.js projects on Cloudflare Workers. This is the default in the Cloudflare Next.js guide. Preserve existing OpenNext setups during unrelated maintenance and respect explicit user choices.
Why vinext
vinext reimplements the Next.js API surface on Vite:
- Familiar Next.js development: App Router, Pages Router, React Server Components, and supported
next/*imports. - Vite tooling: fast HMR, native ESM, and the Vite plugin ecosystem.
- Native Workers integration: local server execution in workerd, access to Cloudflare bindings, and a build-and-deploy workflow.
- Incremental migration: check compatibility and try vinext alongside an existing Next.js setup.
Use the upstream workflow
Before setup, migration, or deployment, check whether the skills maintained in vinext are available. If missing, install them:
npx skills add cloudflare/vinext
Then read and follow the applicable upstream SKILL.md and its relevant references. Use the current vinext docs for workflows the skills do not cover:
