Next.js 15 來了，讓全棧Web應用開發變得比以往任何時候都更簡單高效！

全新的編譯器、700倍的構建速度提升，創建高性能的全棧Web應用從未如此輕松。讓我們一起來探索一下 v15 的最新特性：

1.create-next-app 升級：更簡潔的UI，700倍更快的構建速度

• Webpack 升級為 Turbopack：世界上最快的模塊打包器（官方如此宣稱）：比 Webpack 快 700 倍比 Vite 快 10 倍。
• 隨著 v15 的發布，將 Turbopack 添加到你的 Next.js 項目中變得前所未有的簡單：

npx create-next-app@rc

這個命令不僅會幫你生成一個新的 Next.js 項目，還會自動配置好 Turbopack，讓你直接體驗極速構建的快感。

2. React 編譯器、React 19 支持和更友好的錯誤提示

React 編譯器是一個現代的 React 編譯器，它能深入理解你的 React 代碼，帶來自動記憶化等優化，大多數情況下不再需要手動使用 useMemo 和 useCallback。它可以節省時間、預防錯誤、加快速度。

并在 next.config.js 中添加：

React 19 支持：

引入了客戶端和服務器端的 Actions。

更好的水合錯誤處理：

開發過程中的錯誤信息非常重要，Next.js 15 提供了智能的錯誤修復建議，這對開發者的開發體驗有很大提升。

以前的錯誤提示：

現在的錯誤提示：

這些智能提示大大減少了開發者解決錯誤的時間。

3. 新的緩存行為

在 Next.js 15 中，不再自動緩存以下內容：

• fetch() 請求。
• 路由處理程序：GET、POST 等。

<Link> 客戶端導航。

如果你仍然希望緩存 fetch() 請求，可以在 next.config.js 中進行配置：

4. next/after：任務分離的新方式

Next.js 15 提供了一個全新的 next/after 功能，讓你在每個服務器請求中清晰地分離必要任務和非必要任務：

• 必要任務：身份驗證檢查、數據庫更新等。
• 非必要任務：日志記錄、分析等。

現在你可以使用 experimental.after 輕松實現這一功能：

5.部分預渲染 (Partial Prerendering, PPR)

部分預渲染 (PPR) 在同一頁面中結合了靜態和動態渲染。通過即時加載靜態 HTML 并在同一 HTTP 請求中流式傳輸動態部分，極大地提升了性能。

要啟用 PPR，只需在 next.config.js 中添加以下配置：

結束

Next.js 15 帶來了諸多令人興奮的新功能和性能提升，讓開發者可以更高效地構建高性能的全棧Web應用。如果你還沒有體驗過這些新特性，現在就開始吧！

npx create-next-app@rc

這就是 Next.js 15 帶來的五大變革性新功能。你是否已經迫不及待想要試試這些新特性了呢？