Cloudflare 用 AI 一周重写了 Next.js

埋葬冬天的回忆

Cloudflare 用 AI 一周重写了 Next.js


Cloudflare 发布了一个名为 vinext 的开源项目，用 AI 在一周内重新实现了 Next.js 框架的核心功能，总花费仅约 1100 美元的 API token。

vinext 基于前端生态中广泛使用的构建工具 Vite，而非 Next.js 自带的 Turbopack。它可以作为 Next.js 的直接替代品——开发者只需把项目中的 next 命令换成 vinext，原有代码基本不用改。早期测试显示，使用 Vite 8 的 Rust 打包器 Rolldown 时，构建速度比 Next.js 快 4.4 倍，客户端包体积缩小 57%。

这个项目的起因是 Next.js 长期存在的部署痛点。Next.js 的构建产物高度定制化，部署到 Cloudflare Workers、AWS Lambda 等平台时需要大量适配工作，之前的方案 OpenNext 本质上是在"逆向工程"Next.js 的输出，每次版本更新都可能出问题。

vinext 换了个思路：不去适配输出，而是在 Vite 上重新实现 Next.js 的 API 接口，从根本上解决了兼容性问题。

整个项目由一位工程经理指挥 Claude 完成，跑了 800 多次 AI 编码会话。项目目前覆盖了 Next.js 16 约 94% 的 API，有 1700 多个单元测试和 380 个端到端测试，已有政府网站在生产环境中使用。Cloudflare 还顺带做了一个"流量感知预渲染"功能，根据实际访问数据只预渲染高流量页面，避免了大型站点动辄几十分钟的构建时间。

这条新闻很多人把焦点放在“1周”用AI做出来上面，但是也要看看为什么能一周做出来。

这个项目能成功，靠的是几个条件同时到位。

首先，Next.js 文档极其完善，Stack Overflow 上积累了海量问答，这些内容早就进了大模型的训练数据，让 AI 实现一个 getServerSideProps，它不会瞎编，因为它确实被训练过。

其次，Next.js 自带几千个端到端测试，团队直接搬过来当验收标准，相当于有了一份可以机器验证的"规格说明书"。

再加上 Vite 本身已经解决了打包、热更新这些底层难题，AI 不用从零造轮子，只需要在 Vite 上面"教"它说 Next.js 的语言。

最后也是最关键的：模型能力到了。

CloudFlare 团队认为几个月前这事还做不了，因为早期模型无法在这么大的代码库里保持一致性，而现在的模型能把整个架构装进上下文窗口，甚至会自己去翻 Next.js 和 React 的内部实现来排查 bug。

这四个条件缺任何一个，效果都会大打折扣。

工作流程其实很简单直接。

工程经理先花几小时和 Claude 讨论架构方案，定好蓝图，然后按模块拆任务：
定义任务、让 AI 写代码和测试、跑测试、过了就合并、没过就把报错扔回给 AI 让它改。

PR 的代码审查也交给了 AI agent，形成了几乎全自动的反馈闭环。

但这不是按一下按钮就完事。AI 经常自信满满地写出看似正确但行为不对的代码，架构决策、优先级判断、识别 AI 走偏了，这些仍然要人来把控。

用博客的原话说：给 AI 好的方向、好的上下文、好的护栏，它就能高产；但方向盘必须在人手里。

博客：http://t.cn/AXcVfIR6

张二嘎

给 AI 好的方向、好的上下文、好的护栏，它就能高产；但方向盘必须在人手里。