Cloudflare 宣布发布 ViNext,这是一个实验框架,直接在 Vite 之上重新实现 Next.js API 界面。一名公司工程师在人工智能模型的帮助下,在 2026 年 2 月 13 日至 20 日之间的短短一周内重建了该项目。与采用 Turbopack 的 Next.js 16.1.6 相比,生产速度提高了 4.4 倍,客户捆绑包缩小了 57%。 ViNext 允许使用单个命令直接部署到 Cloudflare Workers,并且已经被一些团队用于生产中。
该项目似乎是针对各种无服务器环境中 Next.js 部署限制的解决方案。与 OpenNext 等修改原始构建输出的适配器不同,ViNext 重建了基本功能,例如基于文件的路由、服务器端渲染、React 服务器组件、服务器操作、缓存和中间件。这种方法使用 Vite 作为基础,它是 Astro、SvelteKit、Nuxt 和 Remix 等框架采用的工具。兼容性涵盖应用程序路由器和页面路由器,允许应用程序/和页面/目录无需进行重大更改即可工作。
AI加速开发
创建过程涉及与 Anthropic 的 Claude 模型进行约 800 次会话。 API 代币的总成本约为 1,100 美元。工程师在几个小时内定义了初始架构,并引导模型迭代生成代码。这一策略展示了当前的人工智能工具在有清晰的文档、强大的测试和像 Vite 这样坚实的技术基础的情况下如何能够处理复杂的系统。
ViNext 实现了 Next.js 16 API 94% 的覆盖率。它包括使用 Vitest 进行的 1,700 多项测试以及使用 Playwright 进行的 380 项端到端测试。在 GitHub 上的 CI 上执行的公共基准测试证实了性能的改进。生产中的网站,例如 cio.gov 的国家设计工作室,已经采用了该框架,并报告了构建时间和捆绑包大小方面的收益。
技术优势以及与 Cloudflare 的集成
ViNext 为开发人员提供简单的命令。通过 npm install vinext 安装后,您可以运行 vinext dev 用于热模块替换的开发、用于生产的 vinext build 以及用于自动部署到 Cloudflare Workers 的 vinext deploy。与平台服务的本机集成包括对增量静态再生 (ISR) 缓存的 KV 支持。开发人员配置自定义缓存处理程序,将来可以使用 R2 或缓存 API。
缓存层是可插拔的,这增加了灵活性。无论是在开发环境还是生产环境中,应用程序都可以在workerd运行时直接访问持久对象、KV和AI绑定,无需解决方法。部署会生成 Worker 的自动配置,与传统解决方案相比简化了流程。
基准和性能比较
测试显示,使用 Vite 8 和 Rolldown 的生产构建只需 1.67 秒,而使用 Turbopack 的 Next.js 则需要 7.38 秒。 gzip 压缩后的客户端包从 168.9 KB 降至 72.9 KB,减少了 57%。这些数字来自公共且可重复的方法。该项目计划在未来版本中与 Rolldown 一起发展以获得额外收益。
ViNext 支持实验性流量感知预渲染,仅根据 Cloudflare 分析预渲染具有真实流量的页面。在一个示例中,使用 vinext deploy –experimental-tpr 时,184 个页面覆盖了 90% 的流量并在 8.3 秒内预渲染。
当前项目的限制
ViNext 仍处于实验阶段。构建时的完全静态预渲染尚不可用。 100%静态网站可能会在Astro等框架中找到更合适的选择。尽管测试覆盖率很高,但该团队建议在大规模应用中谨慎行事,直到在生产中进行进一步验证。
社区可以为开源存储库做出贡献。该项目鼓励在 Vercel 等其他平台上进行概念验证,通过 Vite 环境 API 展示与运行时无关的潜力。
迁移和实际示例
代理辅助的迁移工具可以轻松过渡现有的 Next.js 项目。开发人员通过 npx Skills add cloudflare/vinext 添加技能,并在支持的编辑器中使用命令来自动转换。现场示例显示应用程序无需手动调整即可运行。
ViNext 加强了与 Cloudflare 生态系统的集成。应用程序利用平台的本机资源,不受特定工具链的限制。