cloudflare avatar

Migrate To Vinext

This automates the jump from Next.js to vinext, a Vite-based reimplementation of the Next.js API. You get a compatibility check, package swaps, ESM conversion, and Vite config generation, all without touching your app code. The skill walks through `vinext init` for automatic migration or manual steps if you want control. It covers both Pages Router and App Router, handles Cloudflare Workers deployment natively (with first-class binding support via `cloudflare:workers`), and falls back to Nitro for Vercel, Netlify, or AWS. Honest take: this is niche, but if you're tired of Next.js build times and want Vite's DX without rewriting routes, it's a clean path.

skills.sh installs
9.3K
GitHub stars
9.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add cloudflare/vinext --skill migrate-to-vinext --agent claude-code

Installs into .claude/skills of the current project.

Files

Migrate Next.js to vinext

vinext reimplements the Next.js API surface on Vite. Existing app/, pages/, and next.config.js work as-is — migration is a package swap, config generation, and ESM conversion. No changes to application code required.

FIRST: Verify Next.js Project

Confirm next is in dependencies or devDependencies in package.json. If not found, STOP — this skill does not apply.

Detect the package manager from the lockfile:

LockfileManagerInstallUninstall
pnpm-lock.yamlpnpmpnpm addpnpm remove
yarn.lockyarnyarn addyarn remove
bun.lockb / bun.lockbunbun addbun remove
package-lock.json or nonenpmnpm installnpm uninstall

Detect the router: if an app/ directory exists at root or under src/, it's App Router. If only pages/ exists, it's Pages Router. Both can coexist.

Quick Reference

Sponsors

Details

Repository
github.com/cloudflare/vinext
Categories
Frontend Development, Marketing & SEO, Cloud & Infrastructure
1github avatartechnology-stack-blueprint-generatorgithub/awesome-copilotComprehensive technology stack blueprint generator that analyzes codebases to create detailed architectural documentation. Automatically detects technology stac9Kskills.sh installs
2github avatarfluentui-blazorgithub/awesome-copilotGuide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when 9Kskills.sh installs
3flutter avatarflutter-testing-appsflutter/skillsComprehensive testing framework for Flutter apps across unit, widget, and integration test layers.9Kskills.sh installs
4wondelai avatarios-hig-designwondelai/skillsDesign native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Is8.9Kskills.sh installs
5github avatarlegacy-circuit-mockupsgithub/awesome-copilotGenerate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic co8.9Kskills.sh installs
6alwaysmeticulous avatarmeticulous-reviewalwaysmeticulous/skillsAnalyze a completed Meticulous test run — fetch the diff summary, inspect representative screenshots, DOM diffs, and timelines. Resolves the test run from the l8.9Kskills.sh installs