Next.js 15.4 更新詳解
作者:前端小智
Next.js 15.4 版本極大地提升了 Turbopack 的成熟度和應用穩定性,向將其作為默認構建工具邁出了重要一步。同時,Next.js 16 的預覽版本已經露出更多面向未來的創新功能,持續提升開發體驗與應用性能。
Next.js 15.4 已發布,本次版本在性能、穩定性和兼容性方面取得顯著提升,尤其是在 Turbopack 打包器的支持上邁出關鍵一步。此版本也預覽了即將到來的 Next.js 16 的部分新功能。下面帶你詳細了解 Next.js 15.4 的核心亮點:
15.4 版本重點
Turbopack:實現 100% 生產環境測試兼容
next build --turbopack現已通過全部 8,298 個集成測試,表明 Turbopack 已十分穩定。- Vercel 官方網站已開始使用 Turbopack。
- 持續進行打包優化,重點在生產環境代碼分塊和修復用戶反饋的 bug。
Next.js 16 預覽
- Next.js 16 計劃今年夏季發布,繼續優化開發者體驗和 App Router 核心功能。
- 引入“緩存組件(Cache Components)”實驗功能,整合動態 IO、use cache、部分預渲染(PPR)等性能優化方案。
- Turbopack 構建進入 Beta 階段,向更廣泛用戶開放。
- 客戶端路由優化,智能預取、緩存失效改進、帶寬節省,提升用戶體驗流暢度。
- 新增 DevTools,支持路由信息查看和組件切換,實驗性瀏覽器日志轉發支持 AI 輔助調試。
- Node.js Middleware 支持升級為穩定版。
- 支持自定義部署適配器,方便細粒度控制構建和部署目標。
- 棄用 Node.js 18 和 AMP 支持,并對部分
next/imageAPI 進行調整,提供遷移指南。
如何體驗新功能?
在 next.config.js 啟用實驗性功能:
import type { NextConfig } from 'next';
const nextConfig: NextConfig = {
experimental: {
browserDebugInfoInTerminal: true,
dynamicIO: true, // Next.js 16 中將更名為 cacheComponents
clientSegmentCache: true,
devtoolSegmentExplorer: true,
globalNotFound: true,
turbopackPersistentCaching: true,
},
};
export default nextConfig;其他改進與修復
- 保持 RSC 查詢參數在重定向時不丟失
- 機器人訪問時的優雅錯誤回退
- 禁止客戶端組件中使用
unstable_rootParams - 修復
bodySizeLimit相關錯誤及非多部分請求處理 - 未知操作 ID 返回 404
- RSC 請求校驗緩存失效參數
- 升級 Vercel OG 到 0.7.2
- 代碼優化和模塊聲明調整
- 支持全局
not-found元數據 - 新增路由預取的
onInvalidate事件及prefetch="auto"簡寫 - 支持部分預渲染的攔截動態路由
- 修復多個 React 編譯器相關問題及開發服務器重啟邏輯
- 改善靜態頁面預取緩存的時效處理
總結
Next.js 15.4 版本極大地提升了 Turbopack 的成熟度和應用穩定性,向將其作為默認構建工具邁出了重要一步。同時,Next.js 16 的預覽版本已經露出更多面向未來的創新功能,持續提升開發體驗與應用性能。
責任編輯:武曉燕
來源:
大遷世界



































