Vite 作为 2025 年满意度最大的技术，下载量已经超过 webpack，现如今，加入 Vite 工具链变成一种趋势，而这次是 Next.js！
Next.js 13.4 之前，webpack 是默认的构建工具，Next.js 13.4 及以上版本引入了 Turbopack 作为开发环境的默认构建工具，但生产环境目前仍是使用 webpack 进行最终打包。
在 2 月 25 日，Cloudflare 发布了 Vinext。
Cloudflare 在 Vite 的基础上重新实现了 Next.js 的 API，让开发者可以脱离官方的 webpack 和 Turbopack，转而使用 Vite 来 构建 Next.js 应用。
AI 开发，人类主导
Vinext 是一个极具探索性的项目。
使用 Claude Code 开发：
- 绝大部分代码
- 测试
- 文档
- 一周内完成
而架构、优先级和设计决策则由人类主导。
AI 驱动的开发过程
- 适配 AI 开发的条件：Next.js 文档/测试完善、Vite 提供坚实基础、新一代 AI 模型可处理大型代码库复杂度
- 开发流程：
定架构→拆任务→AI写代码+测试→自动验证+迭代 - 投入：
800+次 OpenCode 会话，代码通过严格的测试、类型检查与 CI 验证
AI 完成代码评审，人工把控方向与纠错。
Vinext 的核心
Vinext 底层基于 Vite 开发，开发者可以直接享受到 Vite 庞大的、干净且标准化的插件生态。
对于 Next.js 来说，目前的痛点：
- 本地服务器启动慢
- HMR 速度慢
- 无服务器生态适配难
- 与 Vercel 强绑定，部署至第三方平台配置复杂
- 适配方案 OpenNext 成本高、维护困难
- 开发与构建流程与 Node.js 强绑定，跨平台体验差
而 Vinext 的优势非常明显👇🏻
极致的性能表现
vinext 通过底层重构，显著提升了 Next.js 在开发和生产阶段的性能指标。
构建速度飞跃：生产环境提速4 倍。包体积更小：体积比原生 Next.js 缩小了57%。瞬时 HMR：开发环境下，瞬时热更新，极致的开发体验。
边缘原生，解决部署痛点
零冷启动部署：几乎没有冷启动延迟。开发生产一致性：支持在开发环境调用 Cloudflare 的平台 API，避免开发环境和生产环境不一致的尴尬。脱离厂商锁定：不和 Vercel 强绑定，可自由地部署在第三方平台。
创新技术：流量感知预渲染
这是 Vinext 最具差异化的技术优势：
精准优化：通过真实分析数据，识别出那些占比10%却贡献了90%流量的热门页面。按需生成：预渲染高频页面，保证用户的极速体验，缩短大型站点构建时间，避免冷门页面的浪费。
迁移与兼容成本极低
无感迁移：支持一键转换，不破坏原有的 Next 配置，做到共存高覆盖率 API：实现了约94%的Next.js 16APIAI 赋能：专门的 AI Agent Skill，让 AI 助手自动处理迁移冲突
快速上手
安装：
npm install vinext
替换 Next：
{
"scripts": {
"dev": "vinext dev",
"build": "vinext build",
"start": "vinext start"
}
}
核心命令：
# 启动开发环境
vinext dev
# 构建打包
vinext build
# 构建并部署的到 Cloudflare Workers
vinext deploy
AI 迁移助手
用 AI 助手帮助你将旧项目迁移至 Vinext。
安装 AI Skills
npx skills add cloudflare/vinext
在AI编码工具执行迁移命令，自动完成适配
总结
cloudflare 推出 Vinext 无疑是开始掀桌子了，在发布后就获得了广泛的讨论，虽然还处在实验阶段，但已经有一些项目开始使用了。
对于 Next.js 开发者，如果你想体验：
- Vite 生态
- 极致的开发体验
- 高效的打包构建
- 零启动的 Cloudflare 访问
不妨关注一下这个项目。
- 🔗 项目地址：github.com/cloudflare/…
- 🔗 官网地址：vinext.io/
