上周,发生了一件在前端圈听起来像天方夜谭的事。

一个人,一个AI模型,一周时间。

他们把全世界最流行的前端框架 Next.js 给重写了。

这可不是什么简单的换皮或者套壳,Cloudflare 搞出来的这个新玩意儿叫 vinext,号称能直接替代 Next.js,构建速度快了 4 倍,打包体积小了 57%。

image

最讽刺的是什么?整个项目只花掉了大约 1100 美元 的 Token 费用。

说实话,看到这个数字的时候,我甚至怀疑是不是少看了一个零。要知道,Next.js 背后可是有着庞大团队和数年积累,而现在,AI 用一周时间就告诉全世界:你们的护城河,可能比你们想象的要浅得多。

Next.js 的“傲慢”与偏见

Next.js 毫无疑问是 React 生态的王者,数百万开发者在用,支撑了互联网上相当大一部分生产环境。

image

但老实讲,它在部署上确实有点“傲慢”。

如果你想把 Next.js 部署到 Cloudflare、Netlify 或者 AWS Lambda 上,你会非常痛苦。Next.js 官方押注了自家的 Turbopack 工具链,这东西在 Node.js 环境里跑得欢,但到了 Serverless 环境,你就得各种适配、各种魔改。

业界一直有个项目叫 OpenNext,专门干这种苦力活。但这就像是在玩打地鼠,Next.js 版本一变,OpenNext 就得跟着修,永远在追着尾巴转圈。

Cloudflare 受够了这种“打补丁”的日子。他们想:既然适配这么难,为什么我们不直接在 Vite 上重写一套 Next.js 的 API 呢?

Vite 是目前前端圈最主流的构建工具,Astro、SvelteKit、Nuxt 都在用。如果能在 Vite 上完美复刻 Next.js 的功能,那部署难题不就迎刃而解了吗?

这想法很大胆,甚至有点疯狂。以前也有团队试过,结果都因为工作量太大而放弃了。

但这次,情况不一样了。

image

AI 写代码,人类当导演

Cloudflare 的这个工程师(其实是个工程经理),并没有像传统开发那样一行行去敲代码。

他当了一回“导演”。

整个 vinext 项目,几乎每一行代码都是 AI 写的

你可能会问,AI 写这种大型框架靠谱吗?这就是最有意思的地方。Next.js 这种级别的框架,文档详尽、Stack Overflow 上全是案例,它的 API 简直就是 AI 最完美的训练数据。AI 不需要猜,它知道 getServerSideProps 该怎么跑,也知道 useRouter 该怎么实现。

而且,Next.js 有着极其庞大的测试套件。Cloudflare 直接把这些测试“搬”了过来,作为 AI 的验收标准。

AI 写代码 -> 跑测试 -> 报错 -> AI 修 -> 再测试。

这就是他们的开发循环。

结果有多疯狂?

2月13日第一行代码提交。
当晚,路由、中间件、服务器动作全跑通了。
第二天下午,测试通过率已经很高。
第三天,已经能部署到 Cloudflare Workers 上了。

一周时间,1700 多个单元测试,380 个端到端测试,API 覆盖率达到了 Next.js 16 的 94%。

说实话,这效率让人有点脊背发凉。以前我们需要一个精锐团队干半年的活,现在一个人加 AI,一周搞定。

数据不会骗人,但这数据有点太狠了

光说不练假把式,vinext 的成绩单相当能打。

image

Cloudflare 拿一个 33 个路由的 App Router 应用做了测试。为了保证公平,他们甚至关掉了 Next.js 的类型检查,只比拼核心的打包和编译速度。

结果是碾压级的:

生产环境构建时间:
Next.js 16 (Turbopack) 需要 7.38 秒。
vinext (Vite 8 / Rolldown) 只要 1.67 秒

快了 4.4 倍

客户端包体积:
Next.js 打包出来 168.9 KB。
vinext 只要 72.9 KB

体积减少了 57%

这不仅仅是数字上的胜利。Vite 的架构优势在这里体现得淋漓尽致,特别是即将推出的 Vite 8 使用的 Rolldown 打包器,简直是性能怪兽。

而且,vinext 还搞了个 Next.js 没有的“黑科技”。

谁在乎那一万个没人看的页面?

image

Next.js 有个痛点,叫“构建时间爆炸”。

如果你的网站有 10 万个产品页,你用 generateStaticParams() 让 Next.js 在构建时预渲染,那你就得等这 10 万个页面全部渲染完。哪怕其中 99% 的页面一年都没几个人访问。

这就是为什么大型的 Next.js 站点构建动不动就要半小时。

Cloudflare 觉得这太蠢了。他们搞了个 Traffic-aware Pre-Rendering (TPR),流量感知预渲染。

逻辑很简单:Cloudflare 知道你网站的流量数据,为什么要预渲染那些没人看的页面?

部署时,vinext 会分析过去 24 小时的流量,只预渲染那些占了 90% 流量的热门页面。剩下的,谁来访问谁触发渲染,然后缓存起来。

对于一个 10 万页面的网站,可能只需要预渲染 200 个页面。几秒钟搞定。

我个人觉得,这个功能简直是针对 Next.js 构建痛点的一记绝杀。它把构建的主动权从“猜测”变成了“数据驱动”。

测试套件成了最值钱的资产?

这篇文章发出来后,国外的技术社区炸锅了。

有人惊叹于 AI 的能力,觉得这是软件工程的里程碑;也有人质疑,说这不过是拿着 Next.js 的测试当说明书“抄作业”,算什么重写?

image

但我更认同评论区的一个观点:

“最被低估的洞察是,测试套件竟然比源代码更有价值。”

以前,开源项目的核心资产是代码,测试只是保镖。现在反过来了,测试套件成了机器可读的规范,代码反而成了可以随时替换的消耗品。

只要你有足够好的测试和规范,AI 就能给你吐出代码来。Cloudflare 这波操作,无意中揭示了未来开源项目可能面临的一个尴尬境地:如果你的测试和文档太完善,你是不是在帮潜在的竞争对手训练 AI?

甚至有人预测,未来的开源项目可能会像 SQLite 那样,核心代码开源,但测试套件闭源。因为那是灵魂。

写在最后

vinext 目前还是实验性的,官方自己也说“还没经过大规模流量考验”。

而且,Next.js 团队多年来解决的那些边缘 case、那些复杂的底层优化,真的能被 AI 在一周内完全复刻吗?我个人持保留意见。毕竟,软件工程不仅仅是实现 API,还有无数的妥协和权衡。

但无论如何,Cloudflare 给了我们一个极其震撼的信号:

软件的构建成本,正在经历断崖式的下跌。

那些曾经让我们引以为傲的“壁垒”,在 AI 面前可能脆弱得不堪一击。

如果你是开发者,现在也许是时候重新思考一下:你的核心竞争力,到底是写代码的能力,还是定义问题和验收结果的能力?

参考链接:
https://blog.cloudflare.com/vinext/