生活分享

Cloudflare 發布 Vinext 1.0：讓 Next.js 網站改用 Vite 執行，可部署到多個平台

Cloudflare 於 2026 年 9 月 28 日宣布 Vinext 1.0。該公司表示，用 Next.js 打造的網站可藉此改以 Vite 為基礎，部署到 Cloudflare Workers、Netlify 或 AWS Lambda 等平台，不必綁定單一託管服務，並新增「快取預熱」功能。這對使用 Next.js 的開發團隊最有影響；目前對 Cache Components 仍僅有有限支援。

閱讀時間約 5 分鐘

Cloudflare 發布 Vinext 1.0：讓 Next.js 網站改用 Vite 執行，可部署到多個平台
圖片：Mokaair (Original editorial artwork)

發生了什麼事

Next.js 是常用來打造網站與網頁應用程式的框架，Vite 則是一套前端開發與建構工具。Cloudflare 於 2026 年 9 月 28 日在官方部落格宣布發布 Vinext 1.0，文章由 James Anderson 與 Matt “TK” Taylor 撰寫。根據 Cloudflare，Vinext 於 2 月推出，起初是一項為期一週、由 AI 驅動的實驗，目的是測試一名工程師能在多大程度上以 Vite 為基礎重現 Next.js 框架。

Cloudflare 表示，在此後七個月內，Vinext 已成為其客戶在正式環境中用於高流量動態應用程式的框架。該公司稱 1.0 版在相容性、穩定性與快取行為方面有大幅改進。

Cloudflare 發布 Vinext 1.0：讓 Next.js 網站改用 Vite 執行，可部署到多個平台
Mokaair 編輯查核流程 · 圖片：Mokaair (Original editorial artwork)
閱讀完整文字說明

消息會先蒐集來源、獨立查核，再交由 Jev 判斷。

Vinext 1.0 的主要內容

根據 Cloudflare 的說明，Vinext 1.0 的重點放在客戶最需要的功能，而非完整複製 Next.js 近期所有新功能。

  • 路由支援：App Router 與 Pages Router 是 Next.js 組織頁面與網址的兩種方式。Vinext 同時支援兩者與混合型應用程式，包括 React Server Components、Server Actions、API routes、route handlers、middleware 與用戶端導覽。
  • 頁面生命週期：可在建構期間預先渲染兩種路由器的路由，並透過頁面層級 ISR（增量靜態再生，即預先產生的頁面可在背景或依需求重新產生）提供回應，可依路徑或標籤使其失效，也支援 output: "export" 產出完全靜態網站。
  • 可觀測性：提供與 Next.js 相容的追蹤功能，讓既有的 OpenTelemetry 與 Sentry（監控與錯誤追蹤工具）設定可繼續運作。
  • 生態系相容：實作公開的 next/* 介面，支援身分驗證、MDX、圖片最佳化、字型、metadata、環境變數等常見用法。
  • 遷移：Cloudflare 表示只需 npx vinext check 與 npx vinext init 兩個指令，並保留原有專案結構。
Vinext 1.0 重點整理（資料來源：Cloudflare 官方部落格）
項目Cloudflare 所述的 Vinext 1.0 狀態
支援的路由器App Router、Pages Router 與混合型應用程式
測試相容性排除 Cache Components 後超過 99%
Cache Components（“use cache”）僅有有限支援
部署目標舉例Cloudflare Workers 免費方案、Netlify、AWS Lambda
靜態輸出支援 output: "export"
測試方式數千個聚焦測試，並每晚執行 Next.js 端對端測試套件

快取預熱：把預先渲染移出建構流程

Cloudflare 在公告中提出「快取預熱」（cache warming）做法，將頁面預先渲染從建構機器移至 Cloudflare 網路。根據該公司說明，部署時會上傳新的 Worker（在 Cloudflare 上執行的程式）版本，先以 0% 正式流量部署，再向該版本請求頁面；快取填充後才正式推出。Cloudflare 表示，Vinext 還可額外識別高流量頁面，加入預先渲染清單。

對擁有大量網址的網站而言，Cloudflare 的論點是：建構階段無法判斷哪些頁面流量高，逐頁渲染可能浪費大量時間；改在部署前於網路上預熱，可讓網站上線時即可從快取快速回應。此效果為 Cloudflare 的說法，目前沒有獨立測試數據。

對一般讀者與開發團隊的意義

Vinext 的目標是讓 Next.js 應用程式不必綁定單一部署平台。對一般使用者而言，這類變化通常不會直接感受到，但可能影響網站背後的託管選擇。

對開發團隊而言，需要注意 Cloudflare 自己指出的限制：Next.js 16 將 Cache Components（以 “use cache” 指令驅動的快取功能）視為框架未來的重要部分，而 Vinext 目前對 “use cache” 指令僅有有限支援。仰賴該功能的專案需特別留意。

常見問題

Vinext 是什麼？

根據 Cloudflare，Vinext 是以 Vite 為基礎、重現 Next.js 行為的框架，目標是讓 Next.js 應用程式可部署到不同網頁平台。

Vinext 1.0 何時發布？

Cloudflare 於 2026 年 9 月 28 日在官方部落格宣布發布。

Vinext 與 Next.js 完全相容嗎？

Cloudflare 表示排除 Cache Components 後，測試相容性超過 99%，但對 “use cache” 指令僅有有限支援，因此並非完全相容。

只能部署在 Cloudflare 上嗎？

Cloudflare 表示 Vinext 可部署到任何網頁平台，並舉例 Cloudflare Workers 免費方案、Netlify 與 AWS Lambda；另外在 Workers 上有額外的整合功能。

要如何把現有的 Next.js 專案轉換成 Vinext？

Cloudflare 表示只需執行 npx vinext check 與 npx vinext init 兩個指令：前者檢查專案是否相容，後者設定 Vite 與部署設定，並保留原有的 Next.js 專案結構。

查看同分類最新消息

同主題延伸閱讀

最新旅遊情報攻略

資料來源

生活分享