vinext-vite-nextjs

Skill by ara.so — Daily 2026 Skills collection. vinext is a Vite plugin that reimplements the Next.js public API surface (routing, SSR, RSC, next/* imports, CLI) so existing Next.js apps run on Vite instead of the Next.js compiler. It targets ~94% API coverage, supports both Pages Router and App Router, and deploys natively to Cloudflare Workers with optional Nitro support for AWS, Netlify, Vercel, and more. This will: Migration is non-destructive — Next.js still works alongside vinext. Update package.json scripts: vinext auto-detects app/ or pages/ directory and loads next.config.js automatically. No vite.config.ts is required for basic usage. vinext uses the same directory conventions as Next.js — no changes required: For CI/CD, set CLOUDFLARE_API_TOKEN environment variable instead of wrangler login . vinext loads your existing next.config.js automatically: Run before migrating to identify unsupported features: This scans for: Works the same as Next.js — .env , .env.local , .env.production : Ensure package.json has "type": "module" . App Router builds produce three environments (RSC + SSR + client). If you see build errors, ensure all three plugins are installed: And your vite.config.ts includes both react() and rsc() plugins in the correct order. - Run compatibility check ( vinext check ) - Install vite , @vitejs/plugin-react as devDependencies - Install @vitejs/plugin-rsc...