Next.js 剛剛投下了一個改變游戲規(guī)則的重磅炸彈，在 Next.js 大會之前發(fā)布了 Next.js 15 的穩(wěn)定版本——這絕對是瘋狂的！ ？

• 使用 @next/codemod CLI 改進(jìn)升級：Next.js 15 包含一個新的 codemod CLI，可以更輕松地升級到最新的 Next.js 和 React 版本。 CLI 更新依賴項、顯示可用的代碼模塊并提供應(yīng)用指南。
• 異步請求 API：依賴于請求特定數(shù)據(jù)（例如標(biāo)頭、cookie、params 和 searchParams）的 API 已轉(zhuǎn)換為異步。此更改會影響 cookie、標(biāo)頭、draftMode、params（在各種上下文中）和 searchParams 等 API。這是一個重大更改，但可以使用 codemod 來幫助遷移。
• 緩存語義的更改：Next.js 15 更改了獲取請求、GET 路由處理程序和客戶端路由器緩存的默認(rèn)緩存行為。現(xiàn)在默認(rèn)情況下這些是不緩存的。如果需要，您可以選擇緩存。
  • 獲取請求現(xiàn)在使用 no-store 作為默認(rèn)緩存選項，這意味著默認(rèn)情況下不會緩存它們。您可以通過將緩存選項設(shè)置為強(qiáng)制緩存來選擇緩存。
  • GET 路由處理程序默認(rèn)也不被緩存。您可以選擇使用靜態(tài)路由配置選項進(jìn)行緩存。
  • 默認(rèn)情況下，客戶端路由器緩存不再緩存頁面組件。您可以通過在 next.config.ts 中設(shè)置 staleTime 來恢復(fù)到以前的行為。
• React 19 支持：Next.js 15 支持 React 19，包括實驗性的 React 編譯器。
  • App Router 使用 React 19 RC，而 Pages Router 則保持對 React 18 的向后兼容性。由于潛在的不一致，不建議在同一應(yīng)用程序中使用 React 18 作為頁面路由器和 React 19 作為應(yīng)用程序路由器。
  • React 編譯器旨在通過減少手動記憶來簡化代碼，但它仍處于實驗階段，可能會導(dǎo)致構(gòu)建時間變慢。
• 穩(wěn)定的 Turbopack 開發(fā)：Turbopack，新的基于 Rust 的構(gòu)建系統(tǒng)，現(xiàn)在在開發(fā)模式下穩(wěn)定（next dev --turbo）。它在服務(wù)器啟動、快速刷新和初始路由編譯方面提供了顯著的性能改進(jìn)。
• 靜態(tài)路由指示器：這個新的視覺指示器有助于在開發(fā)過程中識別靜態(tài)和動態(tài)路由。
• unstable_after API：unstable_after API 允許在響應(yīng)完成流式傳輸后執(zhí)行代碼，這對于不需要阻止用戶的任務(wù)（例如日志記錄和分析）特別有用。
• instrumentation.js API：該 API 允許開發(fā)者監(jiān)控 Next.js 服務(wù)器生命周期事件，這有助于性能跟蹤和錯誤分析。
• 使用
  對表單進(jìn)行增強(qiáng)組件
  ：新的
  ；組件通過預(yù)取、客戶端導(dǎo)航和漸進(jìn)增強(qiáng)等功能簡化了表單處理。
• next.config.ts 中的 TypeScript 支持：Next.js 15 支持 TypeScript next.config.ts 文件，為配置選項提供類型安全和自動完成功能。
• 自托管改進(jìn)：Next.js 15 為自托管提供了對 Cache-Control 標(biāo)頭的更多控制，通過自動使用 Sharp 簡化了圖像優(yōu)化，并包含有關(guān)自托管的演示和教程視頻.
• 增強(qiáng)的服務(wù)器操作安全性：Next.js 現(xiàn)在消除了構(gòu)建過程中未使用的服務(wù)器操作，并利用不可預(yù)測的 ID 進(jìn)行客戶端引用，從而增強(qiáng)了安全性。
• 捆綁外部包：Next.js 15 提供了更一致的配置選項，用于跨應(yīng)用程序和頁面路由器捆綁外部包。 serverExternalPackages 選項允許統(tǒng)一管理。
• ESLint 9 支持：Next.js 15 引入了對 ESLint 9 的支持，同時保持與 ESLint 8 的向后兼容性。更新還包括在下一個 lint 中刪除已棄用的選項以及升級到 eslint-plugin-react-掛鉤到版本 5.0.0。
• 開發(fā)和構(gòu)建改進(jìn)：
  • 改進(jìn)了服務(wù)器組件熱模塊替換 (HMR)，以增強(qiáng)本地開發(fā)性能。
  • 通過優(yōu)化的渲染流程和工作人員之間共享的獲取緩存，App Router 中的靜態(tài)生成速度更快。
  • 為高級用例引入實驗性靜態(tài)生成控制，但需要謹(jǐn)慎，因為它們可能會導(dǎo)致資源消耗增加。
• 雜項：
  • 跨不同領(lǐng)域的突破性更改和改進(jìn)，例如下一個/圖像、中間件、下一個/字體、緩存、配置選項、速度洞察、站點地圖、動態(tài)路線、重新驗證等等。
  • 元數(shù)據(jù)處理、tree-shaking、并行路由、錯誤處理、預(yù)取和其他幾個方面的總體改進(jìn)。

問題出現(xiàn)了，“Next.js 15 版本如何解決服務(wù)器端功能無意暴露的問題？”

Next.js 15 版本引入了兩項增強(qiáng)功能，以解決服務(wù)器端功能無意暴露的問題，特別是服務(wù)器操作：

• 死代碼消除：應(yīng)用程序中未使用的服務(wù)器操作將在下一個構(gòu)建過程中自動刪除。這可以防止他們將自己的 ID 暴露給客戶端 JavaScript 包并創(chuàng)建公共端點。
• 安全操作 ID：Next.js 15 為服務(wù)器操作生成不可猜測的、不確定的 ID，使攻擊者很難猜測并直接訪問它們。這些 ID 會在構(gòu)建之間定期重新計算，以進(jìn)一步增強(qiáng)安全性。

需要注意的是，這些措施并不能完全消除服務(wù)器操作暴露的風(fēng)險。開發(fā)人員仍應(yīng)將服務(wù)器操作視為公共 HTTP 端點，并實施適當(dāng)?shù)陌踩胧﹣肀Ｗo(hù)敏感數(shù)據(jù)和功能。

以上是NextJs 穩(wěn)定版本來了：有什么新功能？的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！