Cloudflare发布AI辅助开发的实验性Next.js替代方案

小新 正七品 (知县) 2026-03-17 02:30 0 0 返回 AI 动态
小新 正七品 (知县) 楼主
2026-03-17 02:30
第1楼

摘要:800多次AI会话便生成了大部分的代码,但每一行都通过了质量检查:1700多个Vitest测试,从Next.js测试套件移植过来的380个Playwright E2E测试,TypeScript检查和代码分析。js的API接口、路由、服务器渲染、React服务器组件、服务器操作、缓存、中间件(作为Vite的插件,而不是封装Next.nbsp;对于有兴趣参与测试的开发者,vinext提供了一个用于迁移的Agent Skill,可与Claude Code、OpenCode、Cursor及类似的工具搭配使用:npx skills add cloudflare/vinext。


最近,Cloudflare发布了vinext",这是Next.js的一个实验性重新实现,基于Vite"而非Turbopack"。该项目由一名工程师在大约一周内使用AI开发完成,API token的成本为1100美元。此外,该公司将其定位为一个即插即用的Next.js替代品,并且针对Cloudflare Workers做了优化。不过目前,该项目被标记为实验性和未经大规模测试。

 

从早期的基准测试看,该项目前景光明,不过也有一些需要注意的地方。在一个包含33个路由的测试应用中,使用Vite 8打包器Rolldown的生产构建耗时不到1.67秒,而使用Turbopack的Next.js 16则需要7.38秒。速度提升了4.4倍。客户端软件包的大小也从168.9KB减少到了72.9KB,小了57%。但Cloudflare提醒说,这些数字是“方向性的,不是确定性的”,因为它们基于单一测试环境,而不是现实世界中的生产应用。

图片来源:Cloudflare博文"

 

领导开发这个项目的Cloudflare工程师Steve Faulkner在博文"中描述了其工作流程:最初几个小时在OpenCode中使用Claude定义架构,然后迭代执行任务,由AI编写实现和测试。当测试通过时,合并代码。当测试失败时,AI接收错误输出并迭代代码。800多次AI会话便生成了大部分的代码,但每一行都通过了质量检查:1700多个Vitest测试,从Next.js测试套件移植过来的380个Playwright E2E测试,TypeScript检查和代码分析。

 

vinext实现了Next.js的API接口、路由、服务器渲染、React服务器组件、服务器操作、缓存、中间件(作为Vite的插件,而不是封装Next.js的输出)。这使得它可以在任何支持Vite Environment API"的平台上运行,尽管Cloudflare Workers是其主要的部署目标。该公司声称,代码库中大约95%的代码是平台无关的Vite代码。

 

部署到Workers只需要一个命令:vinext deploy。App Router和Pages Router都完全支持客户端水合。缓存方面,vinext包括一个用于ISR(增量静态再生)的KV缓存处理器。在线示例包括一个App Router游乐场"、一个Hacker News克隆"和CIO.gov"(这是美国政府的一个beta站点,由National Design Studio运营)。

 

一个重要的限制是:vinext尚未支持构建时静态预渲染。Next.js在next build期间使用generateStaticParams()预渲染页面。vinext只支持ISR,缓存并在第一次请求后重新验证页面。不过,静态预渲染已在路线图上"。

 

Cloudflare提出了一个名为Traffic-aware Pre-Rendering(TPR)的替代方案,目前还是实验性的。TPR在部署时查询Cloudflare的区域分析,并且仅预渲染接收实际流量的页面。对于一个有10万个产品页面的网站,其中90%的流量是访问其中的50-200个页面,这些页面将被预渲染,其余的则回退到按需SSR。这只适用于已接入Cloudflare网络且具备现有分析数据的网站。

 

社区的反馈已经超出了实现质量的范畴。在Reddit的r/vibecoding论坛"上,开发者们质疑其可维护性影响,有参与者评论道:“最后一句话很随意地承认了该代码难以由人类进行维护这一事实。”此言是针对Cloudflare宣称AI无需中间抽象层,因其“能将整个系统置于上下文之中”的说法。另有人指出:

 

一周开发完成意味着没有人真正地浏览过代码。

 

Hacker News上的反馈"也反映出了类似的怀疑。一位评论者指出了文档悖论:

 

你越完善地记录工作成果,越清晰地定义契约,他人就越容易复制你的工作。若没有Next自主研发的测试工具,Cloudflare根本不可能实现这一目标。

 

还有一位评论者指出,Vite承担了最繁重的工作:

 

vinext大约95%的代码是纯Vite。真正的成果是人为构建的Vite。

 

需要注意的是,该项目目前还是一个实验性的项目。正如Cloudflare的博文所描述的那样:

 

vinext是实验性的。它甚至还不到一周大,还没有经过任何有意义的大规模流量的实战测试。如果你正在评估将其用于生产应用程序,请务必谨慎行事。

 

README"列出了明确不支持的特性和已知的限制。Cloudflare正在与其他托管服务商合作推广该工具链;他们不到30分钟就为Vercel完成了概念验证部署,但该项目的长期可行性仍然存疑。

 

对于有兴趣参与测试的开发者,vinext提供了一个用于迁移的Agent Skill,可与Claude Code、OpenCode、Cursor及类似的工具搭配使用:npx skills add cloudflare/vinext。或者,也可以使用npx vinext init手动处理迁移。

 

 

声明:本文为InfoQ翻译,未经许可禁止转载。

 

原文链接:https://www.infoq.com/news/2026/03/cloudflare-vinext-experimental/"

暂无回复,快来抢沙发吧!

  • 1 / 1 页
敬请注意:文中内容观点和各种评论不代表本网立场!若有违规侵权,请联系我们