Agent skill · software engineering · aradotso
vinext-vite-nextjs
Vite plugin that reimplements the Next.js API surface for deploying anywhere, including Cloudflare Workers
Why this skill is useful
Provides niche commands and migration scripts for transitioning Next.js applications to Vite, which the AI wouldn't reliably generate on its own.
What it needs
Requires @vitejs/plugin-react, @vitejs/plugin-rsc, react-server-dom-webpack, vite installed locally. About 7k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
vinext — Next.js API on Vite, Deploy Anywhere 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. Installation New project (migrate from Next.js) This will: 1. Run compatibility check (vinext check) 2. Install vite, @vitejs/plugin-react as devDependencies 3. Install @vitejs/plugin-rsc, react-server-dom-webpack for App Router 4. Add "type": "module" to package.json 5. Rename CJS config files (e.g. postcss.config.js → postcss.config.cjs) 6. Add dev:vinext and build:vinext scripts 7. Generate a minimal vite.config.ts Migration is non-destructive — Next.js still works alongside vinext. Manual installation Update package.json scripts: Agent Skill (AI-assisted migration) CLI Reference Command Description --- --- vinext dev Start dev server with HMR vinext build Production build vinext start Local production server for testing vinext deploy Build + deploy to Cloudflare Workers vinext init Automated migration from Next.js vinext check Scan for compatibility issues before migrating vinext lint Delegate to eslint or oxlint CLI Options Configuration vinext auto-detects app/ or pages/ directory and loads next.config.js automatically. No vite.config.ts is required for basic usage. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/vinext-vite-nextjs