Vinext Vite Nextjs
If you've got a Next.js app and want to deploy it to Cloudflare Workers or escape Vercel lock-in, this bridges the gap by reimplanting Next.js APIs on top of Vite. It handles both Pages and App Router with 94% API coverage, so getServerSideProps, Server Components, and Route Handlers just work. The migration is non-destructive and there's a one-command init that runs compatibility checks and sets everything up alongside your existing Next.js setup. Worth considering if you're already hitting Next.js deployment constraints or just want faster dev server HMR from Vite without rewriting your routing layer.
- skills.sh installs
- 1.3K
- GitHub stars
- 61
- last updated
- Jul 14, 2026
Install
$ npx -y skills add aradotso/trending-skills --skill vinext-vite-nextjs --agent claude-codeInstalls into .claude/skills of the current project.
Files
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)
# Automated one-command migration
npx vinext init
This will:
- Run compatibility check (
vinext check) - Install
vite,@vitejs/plugin-reactas devDependencies - Install
@vitejs/plugin-rsc,react-server-dom-webpackfor App Router - Add
"type": "module"topackage.json - Rename CJS config files (e.g.
postcss.config.js→postcss.config.cjs) - Add
dev:vinextandbuild:vinextscripts - Generate a minimal
vite.config.ts
Migration is non-destructive — Next.js still works alongside vinext.
Manual installation
npm install -D vinext vite @vitejs/plugin-react
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/aradotso/trending-skills
- Category
- Frontend Development
- First seen
- Apr 16, 2026
More from aradotso/trending-skills
All 251- Voicebox Voice Synthesis1.3K
- Aracli Deploy Management1.2K
- Codex Autoresearch Loop1.2K
- Fabro Workflow Factory1.2K
- Grimmory Self Hosted Library1.2K
- Keyid Agent Kit Mcp1.2K
- Kimodo Motion Diffusion1.2K
- Nightingale Karaoke1.2K
- Openhanako Personal Ai Agent1.2K
- Slug Font Rendering1.2K
- Taiwan Md Knowledge Base1.2K
- Witr Process Inspector1.2K
- Zeroboot Vm Sandbox1.2K
- Code Review Graph1.1K
- Flash Moe Inference1.1K
- Ghostling Libghostty Terminal1.1K
- 724 Office Ai Agent1K
- Claude Peers Mcp1K
- My Brain Is Full Crew1K
- Weixin Agent Sdk1K
- Dingtalk Workspace Cli941
- Polymarket Arbitrage Trading Bot927
- Awesome Phd Cv916
- Web Access Claude Skill916
Recommended
More Frontend Development
vtex-io-admin-reactvtex/skillsApply when building VTEX IO admin-facing React interfaces under the admin builder. Covers VTEX Styleguide and Shoreline usage, admin page composition, data-heav1.2Kskills.sh installs
frontend-designdigitalsamba/claude-code-video-toolkitCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat1.1Kskills.sh installs
compose-modifier-and-layout-stylechrisbanes/skillsUse when writing or reviewing Jetpack Compose layout APIs, modifier parameters, modifier chain construction, hardcoded root layout decisions, or layout wrappers1Kskills.sh installs