本篇文章更新時間：2026/02/25
如有資訊過時或語誤之處，歡迎使用 Contact 功能通知或向一介資男的 LINE 社群反應。
如果本站內容對你有幫助，歡迎贊助支持 。
內容目錄
vinext：用 AI 一週重寫 Next.js？Cloudflare 實驗案的深度解讀
編輯前言：Cloudflare 公開了一個令人瞠目結舌的案例：只靠一位工程師與 AI，就在一週內重建了 Next.js 的 API 表面，並打造出一個基於 Vite、可直接部署到 Workers 的替代方案。原文來源：How we rebuilt Next.js with AI in one week
核心觀點 (Key Takeaways)
- vinext 並非封裝，而是完整重寫 Next.js API surface，基於 Vite 的乾淨實作。
- 效能實測驚人：建置速度最高快 4.4 倍、client bundle 最多小 57%。
- AI 實作主導整個專案，讓原本需要數月的工程在一週完成。
深入解析
Cloudflare 在這篇文章中揭露了一個雄心勃勃的實驗：他們不是用 OpenNext 去「適配」 Next.js 的輸出格式，而是直接打造一個能與 Next.js 完全相容的新框架——vinext。一方面保留既有 API（包括 App Router、Pages Router、RSC、Server Actions、Middleware 等），另一方面則全面改用 Vite 作為核心構建工具。
文章用一句話點破問題根源：
Building on top of Next.js output as a foundation has proven to be a difficult and fragile approach.
Cloudflare 過去協作過 OpenNext，因此非常清楚「解析 Next.js 設計後產物」的天花板。他們乾脆反其道而行，直接重寫一個能跑在任意平台、尤其是 Workers 上的版本。
vinext 的技術切入：Vite + Workers
- Vite 的架構優勢：原生 ESM、更快的 bundling pipeline、清晰 plugin 介面，都使得「重建 Next.js API」成為可能。
- 部署一行指令：vinext deploy 直接從 source code 產生 Worker 並部署。
- Cloudflare KV / R2 融合式快取：ISR 開箱即用、快取 handler 可替換，為不同類型的應用預留擴充空間。
- 支援 RSC、SSR、Routing、Middleware：等於你能直接把 Next.js 專案搬過來。
效能數據：為什麼 Vite 做得到？
文章提供兩組初步 benchmark：
- Build time：vinext（Vite 8 / Rolldown）比 Next.js 快 4.4 倍。
- Client bundle：壓縮後小了 57%。
這些結果不是偶然。Rust-based bundler（Rolldown）與 Vite 的 pipeline 本來就設計成模組化、可優化，反觀 Turbopack 仍在快速演進中。Cloudflare 也強調，這些數據只是方向性，但趨勢值得期待。
雲端原生的新超能力：Traffic-aware Pre-Rendering（TPR）
這部分是我覺得文章最具突破性的亮點。Cloudflare 指出傳統的 Next.js pre-rendering 最大問題：
builds scale linearly with page count.
也就是說，10 萬產品頁就是 10 萬個 build-time render。vinext 反其道而行，利用 Cloudflare 作為反向代理的優勢：
- 取得流量分析資料。
- 自動挑選出覆蓋 90% 流量的頁面。
- 部署時只 pre-render 這些真正「熱門」的頁面。
- 其他頁面由 ISR 在首次請求時處理。
這讓大型內容網站的 build time 從數十分鐘下降到不到十秒，完全改變開發者認知。
AI 實作的關鍵：為何能成功？
文章後半講得很坦白：這專案之所以能讓 AI 寫完，是因為四個條件被滿足：
- Next.js 的 API 已被大量文檔化，社群理解度超高，訓練資料充足。
- 官方 test suite 完整，能作為「規格」使用。
- Vite 給了穩固的基礎，不需要從零打造 bundler。
- 模型能力提升到能維持大型系統的上下文一致性。
我印象最深的一句：
AI doesn’t need an intermediate framework to stay organized. It just needs a spec.
這意味著：很多框架層的抽象以前是為了人類，但未必是為了電腦。
筆者心得與啟發
讀完這篇文章，我最大的感受是：vinext 不只是 Next.js 替代品，更像是 Cloudflare 用 AI 做的一個「未來模型實驗」。也就是：
- 如果把現有框架 API 視為規格書，AI 能不能直接實作整個框架？
- 當 AI 能完整理解大型系統，是否還需要那麼多 abstraction？
vinext 還是實驗性質，但它提出了非常具體的答案：可以，而且成本意外地低（1,100 美元的 token）。
對開發者而言，我覺得值得注意三點：
- AI 將成為框架層的「平衡器」：過於複雜或封閉的實作可能都會被重寫。
- 平台與框架界線會變得模糊：vinext 是第一個真正從「平台能力」出發設計的 Next.js compatible framework。
- 長期來看，工具鏈的主導權可能從框架團隊轉向平台與 AI。
文章中 Cloudflare 展現的訊號非常明顯：
真正該存在的抽象會留下，但那些只是為了「人類更容易理解」而出現的層次，有可能被 AI 直接穿透。
從開發者角度，我認為 vinext 值得動手試試，特別是如果你的專案已部署在 Cloudflare Workers 上。就算你不準備導入，它也提供了一種「AI 時代的框架構建方式」：
更少手工抽象、更多自動化測試、更明確的 API 規格、更接近平台能力。
這是一個跨入新時代的訊號。vinext 只是第一個案例，接下來可能會有更多框架、工具、甚至整個平台被 AI 用類似方式重建。