用1100美元和一週時間，AI竟然重寫了整個Next.js框架

作者：極客開源
日期：2026年2月25日 下午2:28
來源：WeChat 原文

✦整理版優先睇

速讀 5 個重點 高亮

Cloudflare用一週同1100美元Token成本，靠AI由零重寫Next.js，新框架vinext快4倍細57%

整理版摘要

呢篇文章係關於Cloudflare團隊發布嘅實驗性框架vinext。背景係Next.js雖然係最流行嘅React框架，但除咗Vercel之外嘅無伺服器環境（如Cloudflare、Netlify）好難部署，因為佢高度依賴Turbopack，其他平台要逆向工程構建輸出，好似打地鼠咁辛苦。Cloudflare團隊決定用一個大膽嘅方法：與其適應Next.js嘅輸出，不如直接用Vite重新實現Next.js嘅API表面。結果一個工程師、800次OpenCode會話、1100美元Token成本，一星期就搞掂咗。

初步基準測試令人震驚：構建速度快咗4.4倍（用Vite 8/Rolldown），客戶端包體積細咗57%（由168.9KB減到73KB）。開發者只需要將npm install next換成npm install vinext，幾乎唔使改code，原有嘅app/、pages/目錄同next.config.js就照常運作。更重要係佢原生支援Cloudflare Workers，一條指令就可以部署到全球邊緣網絡。

呢個項目展示咗AI輔助軟件開發嘅新典範：只要有清晰嘅規範（Next.js詳盡文檔）、完備嘅測試套件（數千個E2E測試）、穩固嘅基礎（Vite處理底層），再加埋最新AI模型嘅能力，一個工程師就可以做到以前成個團隊幾個月嘅工作。人類做指揮官制定計劃同驗證，AI做超級士兵執行代碼同除錯，甚至code review都自動化。…

  • Cloudflare團隊用AI一星期重寫咗Next.js，成本僅1100美元Token，新框架叫vinext，基於Vite構建
  • vinext嘅構建速度快咗最多4.4倍（用Rolldown），客戶端包體積細咗57%，支援Cloudflare Workers原生部署
  • 開發者只需將npm install next換成npm install vinext，幾乎唔使改code，兼容app/、pages/同next.config.js
  • 成功關鍵在於：Next.js規範詳盡、有完備測試套件、Vite強大基礎、AI模型能力飛躍
  • 呢個開發模式可能預示未來軟件開發：人類負責計劃同驗證，AI負責執行，中間抽象層級可能被重新評估
整理重點

一個里程碑：vinext嘅誕生

Cloudflare最近發佈嘅vinext，絕對係軟件開發界嘅一個里程碑。佢哋只係用一個工程師、800次OpenCode會話、1100美元Token成本，就喺一星期內由零開始重寫咗最流行嘅前端框架Next.js。呢個新框架基於Vite構建，完全適配Cloudflare環境。

整理重點

痛點：Next.js嘅部署困境

Next.js無疑係當今最流行嘅React框架，擁有頂級開發者體驗。但當你嘗試將佢部署到Vercel以外嘅無伺服器環境（如Cloudflare、Netlify、AWS Lambda）時，問題就出現咗。Next.js嘅工具鏈高度定製化，主要依賴Turbopack，所以想喺其他平台運行，就必須對佢嘅構建輸出進行"重塑"。

雖然有OpenNext呢類項目嘗試解決呢個問題，但佢需要對Next.js嘅構建輸出進行逆向工程，呢個過程好脆弱又難維護。每當Next.js更新版本，OpenNext就要做好多適配工作，好似一場永無止境嘅打地鼠遊戲。

整理重點

破局：喺Vite上重新實現Next.js API

既然適配咁困難，Cloudflare團隊提出一個大膽想法：與其適應Next.js嘅輸出，不如直接喺Vite上重新實現Next.js嘅API表面？Vite係目前前端生態最受歡迎嘅構建工具，被Vue、SvelteKit、Remix等廣泛使用。如果喺Vite上實現Next.js嘅路由、SSR、React服務端組件（RSC）等核心功能，就可以利用Vite強大嘅跨平台能力，輕鬆部署到任何環境。

呢個就係vinext：佢唔係簡單嘅包裝器，而係Next.js API嘅全新實現。開發者只要將npm install next換做npm install vinext，幾乎唔使改code，原有嘅app/、pages/目錄同next.config.js就照常運作。

整理重點

性能：數據說話，快4倍細57%

vinext嘅初步基準測試結果令人印象深刻。喺一個包含33個路由嘅測試應用中，對比Next.js 16：

  • 構建速度：Next.js 16 (Turbopack): 7.38s；vinext (Vite 7): 4.64s (快1.6倍)；vinext (Vite 8 / Rolldown): 1.67s (快4.4倍)
  • 包體積（Gzipped）：Next.js 16: 168.9 KB；vinext: 73 KB（細咗57%）
  • 更重要係vinext天生支援Cloudflare Workers，一條vinext deploy指令，就可以將應用從源碼直接部署到全球邊緣網絡，支援完整SSR、串流傳輸同互動組件
整理重點

幕後：AI點樣完成挑戰

vinext嘅誕生過程比結果更具革命性。通常重寫一個好似Next.js咁複雜嘅框架，要成個團隊幾個月甚至幾年。Cloudflare曾經試過但失敗咗。但今次唔同，因為AI變強咗。

  1. 1 Next.js規範詳盡：大量文檔同Stack Overflow問答，令AI精準理解工作原理
  2. 2 完備測試套件：Next.js有數千個E2E測試，Cloudflare團隊直接移植，為AI提供完美評分標準
  3. 3 Vite強大基礎：解決HMR、打包等底層難題，AI只需專注實現上層邏輯
  4. 4 模型能力飛躍：最新AI模型能理解龐大codebase上下文，進行複雜邏輯推理，甚至深入調試底層依賴

獨特開發模式好似人類指揮官同AI超級士兵協作：Plan（共同制定架構計劃）、Execute（人類落指令，AI生成code+測試）、Verify（運行測試，通過就合併，失敗就反饋error logs畀AI迭代）、Review（甚至code review都由AI Agent自動完成，形成閉環自動化流程）。

整理重點

展望：軟件開發嘅未來

vinext引發對軟件抽象層級嘅深思。我哋過去構建嘅框架同抽象，係為咗幫助人類管理複雜性。但喺AI時代，機器可以直接理解同操作複雜系統，中間層嘅必要性可能會被重新評估。

雖然vinext仲係實驗階段，但佢證明咗一個驚人事實：只要有清晰規範、堅實基礎設施同強大AI，一個工程師就喺一星期內完成過去成個團隊幾個月嘅工作。呢個或許預示住軟件開發新時代嘅到來。

注：vinext目前為實驗性項目，生產環境使用需謹慎

圖片

軟件開發呢行每日都有新故事，但係 Cloudflare 最近發佈嘅 vinext 絕對係一個里程碑。淨係用一個工程師、800次OpenCode會話、1100美金嘅Token成本，佢哋就喺短短一個禮拜內，利用AI由零開始重寫咗最流行嘅前端框架Next.js。

成果點樣？呢個叫vinext嘅新框架，建基於Vite，完全兼容Cloudflare環境。初步基準測試顯示，佢構建速度快咗4倍，客戶端包體積細咗57%，而且已經有客喺生產環境入面運行。呢個唔單止係一個新工具嘅誕生，更加係AI輔助軟件工程嘅一次震撼展示。

2. 痛點：Next.js嘅部署困境

Next.js無疑係當今最流行嘅React框架，有頂級嘅開發者體驗。不過，當開發者想將佢部署到Vercel以外嘅無伺服器環境（例如Cloudflare、Netlify或AWS Lambda）嘅時候，問題就出現咗。

Next.js嘅工具鏈高度定製化（主要依賴Turbopack），即係如果你想喺其他平台上運行佢，就要對佢嘅構建輸出進行「重塑」。雖然有啲好似OpenNext咁嘅項目嘗試解決呢個問題，但係佢需要對Next.js嘅構建輸出進行逆向工程，呢個係一個脆弱又難維護嘅過程。每當Next.js更新版本，OpenNext就要做好多適配工作，就好似一場無休止嘅「打地鼠」遊戲咁。

3. 破局：vinext嘅誕生

既然兼容咁困難，Cloudflare嘅團隊就提出咗一個大膽嘅諗法：與其兼容Next.js嘅輸出，不如直接喺Vite上面重新做到Next.js嘅API表面？

Vite係目前前端生態入面最受歡迎嘅構建工具（畀Vue、SvelteKit、Remix等廣泛使用）。如果能夠喺Vite上面做到Next.js嘅路由、服務端渲染（SSR）、React服務端組件（RSC）呢啲核心功能，咁就可以利用Vite強大嘅跨平台能力，輕鬆部署到任何環境。

呢個就係vinext。佢唔係一個簡單嘅包裝器，而係Next.js API嘅全新實現。開發者只需要將 npm install next 替換為 npm install vinext，幾乎唔使修改代碼，原本嘅 app/、pages/ 目錄和 next.config.js 就可以照常運作。

4. 性能：用數據說話

vinext嘅初步基準測試結果令人印象深刻。喺一個包含33個路由嘅測試應用入面，對比Next.js 16：

  • • 構建速度：
    • • Next.js 16 (Turbopack): 7.38s
    • • vinext (Vite 7): 4.64s (快1.6倍)
    • • vinext (Vite 8 / Rolldown): 1.67s (快4.4倍)
  • • 包體積 (Gzipped)：
    • • Next.js 16: 168.9 KB
    • • vinext: 73 KB (減小 57%)

更重要嘅係，vinext天生支援Cloudflare Workers。一條 vinext deploy 命令，就可以將應用從源碼直接部署到全球分佈嘅邊緣網絡，支援完整嘅SSR、流式傳輸同交互式組件。

圖片

5. 幕後：AI點樣完成挑戰

vinext嘅誕生過程本身比起結果更具革命性。通常，重寫一個好似Next.js咁複雜嘅框架需要一個團隊幾個月甚至幾年嘅努力。Cloudflare曾經試過但係失敗咗。

但係今次，情況唔同咗。AI變強咗。

點解係而家？

  1. 1. Next.js嘅規範好詳盡：大量嘅文檔同Stack Overflow問答令AI能夠精準理解Next.js嘅工作原理。
  2. 2. 完備嘅測試套件：Next.js有幾千個E2E測試用例。Cloudflare團隊直接移植咗呢啲測試，為AI提供咗一個完美嘅「評分標準」。
  3. 3. Vite嘅強大基礎：Vite解決咗HMR、打包等底層難題，AI只需要專注於做到上層嘅Next.js邏輯。
  4. 4. 模型能力嘅飛躍：最新嘅AI模型可以理解龐大嘅代碼庫上下文，進行複雜嘅邏輯推理，甚至深入調試底層依賴。

獨特嘅開發模式

整個開發過程就好似人類指揮官同AI超級士兵嘅協作：

  1. 1. Plan：工程師同AI共同制定詳細嘅架構計劃。
  2. 2. Execute：人類落達明確指令（例如「做到next/navigation shim」），AI生成代碼同測試。
  3. 3. Verify：運行測試。通過就合併，失敗就將錯誤日誌反饋畀AI進行迭代修復。
  4. 4. Review：甚至代碼審查都由AI Agent自動完成，形成咗閉環嘅自動化流程。
圖片

6. 展望：軟件開發嘅未來

vinext唔單止係一個新嘅框架，佢引發咗對軟件抽象層級嘅深思。我哋過去建立嘅好多框架同抽象，往往係為咗幫人類管理複雜性。但係喺AI時代，機器可以直接理解同操作複雜嘅系統，中間層嘅必要性可能會被重新評估。

雖然vinext目前仍然處於實驗階段，但佢證明咗一個驚人嘅事實：只要有清晰嘅規範、堅實嘅基礎設施同強大嘅AI，一個工程師就可以喺一個禮拜內完成過去需要成個團隊幾個月先做到嘅工作。呢個可能預示住軟件開發新時代嘅到來。

註：vinext目前係實驗性項目，正如文章所講，生產環境使用需要謹慎。

圖片

軟件開發領域每天都有新故事，但 Cloudflare 最近發佈的 vinext 絕對算得上是一個里程碑。僅僅通過一個工程師、800 次 OpenCode 會話、1100 美元的 Token 成本，他們就在短短一週內，利用 AI 從零開始重寫了最流行的前端框架 Next.js。

成果如何？這個名為 vinext 的新框架，基於 Vite 構建，完全適配 Cloudflare 環境。初步基準測試顯示，其構建速度快了 4 倍，客戶端包體積減小了 57%，且已經有客戶在生產環境中運行。這不僅是一個新工具的誕生，更是 AI 輔助軟件工程的一次震撼展示。

2. 痛點：Next.js 的部署困境

Next.js 無疑是當今最流行的 React 框架，擁有頂級的開發者體驗。然而，當開發者試圖將其部署到 Vercel 以外的無服務器環境（如 Cloudflare、Netlify 或 AWS Lambda）時，問題就出現了。

Next.js 的工具鏈高度定製化（主要依賴 Turbopack），這意味着如果你想在其他平台上運行它，必須對其構建輸出進行“重塑”。雖然像 OpenNext 這樣的項目試圖解決這個問題，但它需要對 Next.js 的構建輸出進行逆向工程，這是一個脆弱且難以維護的過程。每當 Next.js 更新版本，OpenNext 就需要進行大量的適配工作，就像是一場永無止境的“打地鼠”遊戲。

3. 破局：vinext 的誕生

既然適配如此困難，Cloudflare 的團隊提出了一個大膽的想法：與其適配 Next.js 的輸出，不如直接在 Vite 上重新實現 Next.js 的 API 表面？

Vite 是目前前端生態中最受歡迎的構建工具（被 Vue, SvelteKit, Remix 等廣泛使用）。如果能在 Vite 上實現 Next.js 的路由、服務端渲染（SSR）、React 服務端組件（RSC）等核心功能，那麼就能利用 Vite 強大的跨平台能力，輕鬆部署到任何環境。

這就是 vinext。它不是一個簡單的包裝器，而是 Next.js API 的全新實現。開發者只需將 npm install next 替換為 npm install vinext，幾乎無需修改代碼，原本的 app/、pages/ 目錄和 next.config.js 就能照常工作。

4. 性能：數據說話

vinext 的初步基準測試結果令人印象深刻。在一個包含 33 個路由的測試應用中，對比 Next.js 16：

  • • 構建速度：
    • • Next.js 16 (Turbopack): 7.38s
    • • vinext (Vite 7): 4.64s (快 1.6 倍)
    • • vinext (Vite 8 / Rolldown): 1.67s (快 4.4 倍)
  • • 包體積 (Gzipped)：
    • • Next.js 16: 168.9 KB
    • • vinext: 73 KB (減小 57%)

更重要的是，vinext 天生支持 Cloudflare Workers。一條 vinext deploy 命令，就能將應用從源碼直接部署到全球分佈的邊緣網絡，支持完整的 SSR、流式傳輸和交互式組件。

圖片

5. 幕後：AI 如何完成挑戰

vinext 的誕生過程本身比結果更具革命性。通常，重寫一個像 Next.js 這樣複雜的框架需要一個團隊數月甚至數年的努力。Cloudflare 曾經嘗試過但失敗了。

但這次，情況不同了。AI 變強了。

為什麼是現在？

  1. 1. Next.js 規範詳盡：大量的文檔和 Stack Overflow 問答讓 AI 能夠精準理解 Next.js 的工作原理。
  2. 2. 完備的測試套件：Next.js 擁有數千個 E2E 測試用例。Cloudflare 團隊直接移植了這些測試，為 AI 提供了一個完美的“評分標準”。
  3. 3. Vite 的強大基礎：Vite 解決了 HMR、打包等底層難題，AI 只需要專注於實現上層的 Next.js 邏輯。
  4. 4. 模型能力的飛躍：最新的 AI 模型能夠理解龐大的代碼庫上下文，進行復雜的邏輯推理，甚至深入調試底層依賴。

獨特的開發模式

整個開發過程就像是人類指揮官與 AI 超級士兵的協作：

  1. 1. Plan：工程師與 AI 共同制定詳細的架構計劃。
  2. 2. Execute：人類下達明確指令（如“實現 next/navigation shim”），AI 生成代碼和測試。
  3. 3. Verify：運行測試。通過則合併，失敗則將錯誤日誌反饋給 AI 進行迭代修復。
  4. 4. Review：甚至代碼審查也由 AI Agent 自動完成，形成了閉環的自動化流程。
圖片

6. 展望：軟件開發的未來

vinext 不僅僅是一個新的框架，它引發了對軟件抽象層級的深思。我們過去構建的許多框架和抽象，往往是為了幫助人類管理複雜性。但在 AI 時代，機器可以直接理解和操作複雜的系統，中間層的必要性可能會被重新評估。

雖然 vinext 目前仍處於實驗階段，但它證明了一個驚人的事實：只要有清晰的規範、堅實的基礎設施和強大的 AI，一個工程師就能在一週內完成過去需要整個團隊數月才能完成的工作。這或許預示着軟件開發新時代的到來。

注：vinext 目前為實驗性項目，正如文章所言，生產環境使用需謹慎。