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 更新相依性、顯示可用的程式碼模組並提供應(yīng)用程式指南。
• 非同步請(qǐng)求 API：依賴(lài)請(qǐng)求特定資料（例如標(biāo)頭、cookie、params 和 searchParams）的 API 已轉(zhuǎn)換為非同步。此變更會(huì)影響 cookie、標(biāo)頭、draftMode、params（在各種上下文中）和 searchParams 等 API。這是一個(gè)重大更改，但可以使用 codemod 來(lái)幫助遷移。
• 快取語(yǔ)意的變更：Next.js 15 變更了取得請(qǐng)求、GET 路由處理程序和客戶端路由器快取的預(yù)設(shè)快取行為?，F(xiàn)在預(yù)設(shè)情況下這些是不緩存的。如果需要，您可以選擇快取。
  • 取得請(qǐng)求現(xiàn)在使用 no-store 作為預(yù)設(shè)快取選項(xiàng)，這表示預(yù)設(shè)不會(huì)快取它們。您可以透過(guò)將快取選項(xiàng)設(shè)定為強(qiáng)制快取來(lái)選擇快取。
  • GET 路由處理程序預(yù)設(shè)也不被快取。您可以選擇使用靜態(tài)路由配置選項(xiàng)進(jìn)行快取。
  • 預(yù)設(shè)情況下，客戶端路由器快取不再快取頁(yè)面元件。您可以透過(guò)在 next.config.ts 中設(shè)定 staleTime 來(lái)還原到先前的行為。
• 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 編譯器旨在透過(guò)減少手動(dòng)記憶來(lái)簡(jiǎn)化程式碼，但它仍處?kù)秾?shí)驗(yàn)階段，可能會(huì)導(dǎo)致建置時(shí)間變慢。
• 穩(wěn)定的 Turbopack 開(kāi)發(fā)：Turbopack，新的基於 Rust 的構(gòu)建系統(tǒng)，現(xiàn)在在開(kāi)發(fā)模式下穩(wěn)定（next dev --turbo）。它在伺服器啟動(dòng)、快速刷新和初始路由編譯方面提供了顯著的效能改進(jìn)。
• 靜態(tài)路由指示器：這個(gè)新的視覺(jué)指示器有助於在開(kāi)發(fā)過(guò)程中識(shí)別靜態(tài)和動(dòng)態(tài)路由。
• unstable_after API：unstable_after API 允許在回應(yīng)完成串流後執(zhí)行程式碼，這對(duì)於不需要阻止使用者的任務(wù)（例如日誌記錄和分析）特別有用。
• instrumentation.js API：此 API 允許開(kāi)發(fā)者監(jiān)控 Next.js 伺服器生命週期事件，這有助於效能追蹤和錯(cuò)誤分析。
• 使用
  對(duì)表單進(jìn)行增強(qiáng)元件
  ：新的
  ；元件透過(guò)預(yù)取、客戶端導(dǎo)航和漸進(jìn)增強(qiáng)等功能簡(jiǎn)化了表單處理。
• next.config.ts 中的 TypeScript 支援：Next.js 15 支援 TypeScript next.config.ts 文件，為設(shè)定選項(xiàng)提供類(lèi)型安全性和自動(dòng)完成功能。
• 自架改進(jìn)：Next.js 15 為自架提供了對(duì)Cache-Control 標(biāo)頭的更多控制，透過(guò)自動(dòng)使用Sharp 簡(jiǎn)化了圖像優(yōu)化，並包含有關(guān)自託管的演示和教學(xué)影片.
• 增強(qiáng)的伺服器操作安全性：Next.js 現(xiàn)在消除了建置過(guò)程中未使用的伺服器操作，並利用不可預(yù)測(cè)的 ID 進(jìn)行客戶端引用，從而增強(qiáng)了安全性。
• 捆綁外部套件：Next.js 15 提供了更一致的設(shè)定選項(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。
• 開(kāi)發(fā)與建置改進(jìn)：
  • 改進(jìn)了伺服器元件熱模組替換 (HMR)，以增強(qiáng)本地開(kāi)發(fā)效能。
  • 透過(guò)優(yōu)化的渲染流程和工作人員之間共享的獲取緩存，App Router 中的靜態(tài)生成速度更快。
  • 為進(jìn)階用例引入實(shí)驗(yàn)性靜態(tài)產(chǎn)生控制，但需要謹(jǐn)慎，因?yàn)樗鼈兛赡軙?huì)導(dǎo)致資源消耗增加。
• 雜項(xiàng)：
  • 跨不同領(lǐng)域的突破性變更和改進(jìn)，例如下一個(gè)/圖像、中間件、下一個(gè)/字體、快取、配置選項(xiàng)、速度洞察、網(wǎng)站地圖、動(dòng)態(tài)路線、重新驗(yàn)證等等。
  • 元資料處理、tree-shaking、平行路由、錯(cuò)誤處理、預(yù)取和其他幾個(gè)方面的整體改進(jìn)。

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

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

• 死程式碼消除：應(yīng)用程式中未使用的伺服器操作將在下一個(gè)建置過(guò)程中自動(dòng)刪除。這可以防止他們將自己的 ID 暴露給客戶端 JavaScript 套件並建立公共端點(diǎn)。
• 安全操作 ID：Next.js 15 為伺服器操作產(chǎn)生不可猜測(cè)的、不確定的 ID，使攻擊者很難猜測(cè)並直接存取它們。這些 ID 會(huì)在建置之間定期重新計(jì)算，以進(jìn)一步增強(qiáng)安全性。

要注意的是，這些措施並不能完全消除伺服器操作暴露的風(fēng)險(xiǎn)。開(kāi)發(fā)人員仍應(yīng)將伺服器操作視為公共 HTTP 端點(diǎn)，並實(shí)施適當(dāng)?shù)陌踩胧﹣?lái)保護(hù)敏感資料和功能。

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