SuperAPI AI 工具集

vinext-vite-nextjs

前端与建站

查看项目

更新于 10-16 09:48

技能介绍

用途:vinext 是 Vite 插件,重新实现 Next.js 公开 API 面(路由、SSR、RSC、next/* 导入、CLI),使现有 Next.js 应用在 Vite 上运行而非 Next.js 编译器,支持 Pages Router 与 App Router,并可原生部署到 Cloudflare Workers,可选 Nitro 支持 AWS、Netlify、Vercel 等。\n\n主要能力:自动检测 app/ 或 pages/ 目录并加载 next.config.js;基础用法无需 vite.config.ts;支持 HMR、TypeScript、Tailwind CSS、CSS Modules;支持 middleware、next/image、next/link、next/router、next/navigation、next/head、next/font、next/dynamic;支持 next.config.js 的 redirects、rewrites、headers、env、images。App Router 构建会产出 RSC、SSR、client 三个环境。官方称覆盖约 94% Next.js API,实验性功能优先级较低,不支持的 Vercel 专有行为不打算支持。\n\n使用方式:新项目可运行 npx vinext init 自动迁移,该命令会做兼容性检查、安装依赖、为 App Router 安装 @vitejs/plugin-rsc 与 react-server-dom-webpack、添加 "type": "module"、重命名 CJS 配置文件、新增 dev:vinext 与 build:vinext 脚本并生成最小 vite.config.ts,且迁移非破坏性。手动安装:npm install -D vinext vite @vitejs/plugin-react,App Router 另装 npm install -D @vitejs/plugin-rsc react-server-dom-webpack;脚本用 vinext dev/build/start/deploy。AI 辅助迁移可 npx skills add cloudflare/vinext。CLI 含 check、lint 等,选项如 vinext dev -p 3001 -H 0.0.0.0、vinext deploy --preview、vinext deploy --env staging --name my-app。部署 Cloudflare Workers 需 wrangler login 或设置 CLOUDFLARE_API_TOKEN,配置 wrangler.toml;其他平台装 vite-plugin-nitro 并设 preset。迁移前可运行 npx vinext check 扫描不兼容项。\n\n限制:仅据资料整理,未提供具体收费与价格信息;实验性 Next.js 特性支持有限;不支持 Vercel 专有行为;App Router 构建需正确安装并按顺序配置 react() 与 rsc() 插件。