首頁 > web前端 > js教程 > NextJs 穩定版來了:有什麼新功能?

NextJs 穩定版來了:有什麼新功能?

Mary-Kate Olsen
發布: 2024-10-23 06:28:01
原創
317 人瀏覽過

NextJs Stable Version Is Here : What

Next.js 剛剛投下了一個改變遊戲規則的重磅炸彈,在Next.js 大會之前發布了Next.js 15 的穩定版本——這絕對是瘋狂的! ?

以下是 Next.js 15 中包含的一些令人興奮的新更新和功能:

  • 使用 @next/codemod CLI 改進升級:Next.js 15 包含一個新的 codemod CLI,可以更輕鬆地升級到最新的 Next.js 和 React 版本。 CLI 更新相依性、顯示可用的程式碼模組並提供應用程式指南。
  • 非同步請求 API:依賴請求特定資料(例如標頭、cookie、params 和 searchParams)的 API 已轉換為非同步。此變更會影響 cookie、標頭、draftMode、params(在各種上下文中)和 searchParams 等 API。這是一個重大更改,但可以使用 codemod 來幫助遷移。
  • 快取語意的變更:Next.js 15 變更了取得請求、GET 路由處理程序和客戶端路由器快取的預設快取行為。現在預設情況下這些是不緩存的。如果需要,您可以選擇快取。
    • 取得請求現在使用 no-store 作為預設快取選項,這表示預設不會快取它們。您可以透過將快取選項設定為強制快取來選擇快取。
    • GET 路由處理程序預設也不被快取。您可以選擇使用靜態路由配置選項進行快取。
    • 預設情況下,客戶端路由器快取不再快取頁面元件。您可以透過在 next.config.ts 中設定 staleTime 來還原到先前的行為。
  • React 19 支援:Next.js 15 支援 React 19,包含實驗性的 React 編譯器。
    • App Router 使用 React 19 RC,而 Pages Router 則保持對 React 18 的向後相容性。由於潛在的不一致,不建議在同一應用程式中使用 React 18 作為頁面路由器和 React 19 作為應用程式路由器。
    • React 編譯器旨在透過減少手動記憶來簡化程式碼,但它仍處於實驗階段,可能會導致建置時間變慢。
  • 穩定的 Turbopack 開發:Turbopack,新的基於 Rust 的構建系統,現在在開發模式下穩定(next dev --turbo)。它在伺服器啟動、快速刷新和初始路由編譯方面提供了顯著的效能改進。
  • 靜態路由指示器:這個新的視覺指示器有助於在開發過程中識別靜態和動態路由。
  • unstable_after API:unstable_after API 允許在回應完成串流後執行程式碼,這對於不需要阻止使用者的任務(例如日誌記錄和分析)特別有用。
  • instrumentation.js API:此 API 允許開發者監控 Next.js 伺服器生命週期事件,這有助於效能追蹤和錯誤分析。
  • 使用
    對表單進行增強元件
    :新的
    ;元件透過預取、客戶端導航和漸進增強等功能簡化了表單處理。
  • next.config.ts 中的 TypeScript 支援:Next.js 15 支援 TypeScript next.config.ts 文件,為設定選項提供類型安全性和自動完成功能。
  • 自架改進:Next.js 15 為自架提供了對Cache-Control 標頭的更多控制,透過自動使用Sharp 簡化了圖像優化,並包含有關自託管的演示和教學影片.
  • 增強的伺服器操作安全性:Next.js 現在消除了建置過程中未使用的伺服器操作,並利用不可預測的 ID 進行客戶端引用,從而增強了安全性。
  • 捆綁外部套件:Next.js 15 提供了更一致的設定選項,用於跨應用程式和頁面路由器捆綁外部套件。 serverExternalPackages 選項允許統一管理。
  • ESLint 9 支援:Next.js 15 引入了對 ESLint 9 的支持,同時保持與 ESLint 8 的向後相容性。更新還包括在下一個 lint 中刪除已棄用的選項以及升級到 eslint-plugin-react-掛鉤到版本 5.0.0。
  • 開發與建置改進
    • 改進了伺服器元件熱模組替換 (HMR),以增強本地開發效能。
    • 透過優化的渲染流程和工作人員之間共享的獲取緩存,App Router 中的靜態生成速度更快。
    • 為進階用例引入實驗性靜態產生控制,但需要謹慎,因為它們可能會導致資源消耗增加。
  • 雜項
    • 跨不同領域的突破性變更和改進,例如下一個/圖像、中間件、下一個/字體、快取、配置選項、速度洞察、網站地圖、動態路線、重新驗證等等。
    • 元資料處理、tree-shaking、平行路由、錯誤處理、預取和其他幾個方面的整體改進。

問題出現了,“Next.js 15 版本如何解決伺服器端功能無意暴露的問題?”

Next.js 15 版本引入了兩項增強功能,以解決伺服器端功能無意暴露的問題,特別是伺服器操作:

  • 死程式碼消除:應用程式中未使用的伺服器操作將在下一個建置過程中自動刪除。這可以防止他們將自己的 ID 暴露給客戶端 JavaScript 套件並建立公共端點。
  • 安全操作 ID:Next.js 15 為伺服器操作產生不可猜測的、不確定的 ID,使攻擊者很難猜測並直接存取它們。這些 ID 會在建置之間定期重新計算,以進一步增強安全性。

要注意的是,這些措施並不能完全消除伺服器操作暴露的風險。開發人員仍應將伺服器操作視為公共 HTTP 端點,並實施適當的安全措施來保護敏感資料和功能。

以上是NextJs 穩定版來了:有什麼新功能?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板