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

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

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

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

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

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

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