首頁 > web前端 > js教程 > Next.js 現在穩定並包含令人興奮的更新!

Next.js 現在穩定並包含令人興奮的更新!

Susan Sarandon
發布: 2024-10-22 16:40:03
原創
630 人瀏覽過

所以,我最近在查看電子郵件,然後——砰! ——我看到通知:Next.js 15 正式發布。是的,我們期待已久的更新終於來了,我迫不及待地想深入了解新內容。如果您一直在為那些缺少的功能、更清晰的文件或更順暢的升級而屏息以待,那麼,您將會大飽口福。

Next.js 15 不僅保證了穩定性,還提供了一些閃亮的新玩具供我們玩。我的意思是,誰不喜歡更流暢的開發工作流程、更快的建置以及對快取系統的更多控制的感覺?甚至不要讓我開始了解非同步請求 API,這些 API 正在左右簡化事情!無論您一直在與快取問題作鬥爭,需要更靈活的表單,還是只是希望更好地支援最新的 React 功能,此版本都將使您的生活變得更加輕鬆。

現在,讓我們面對現實吧。我們一直在等待一些可以解決那些令人煩惱的開發難題的改進,看起來 Next.js 15 可能會切中要害。想要更快的建置嗎?完畢。更好的緩存控制?你明白了。 next.config.ts 支援 TypeScript?哎呀,是的!

Next.js  Now Stable and Packed with Exciting Updates!


更大的圖景

Next.js 15 已正式發布,標誌著一個穩定且可投入生產的版本,它建立在 RC1RC2 更新的基礎上。 此版本優先考慮穩定性,同時引入了一些值得注意的內容增強功能。

Next.js 15 的關鍵功能之一是 @next/codemod CLI,它允許開發人員輕鬆將其專案升級到最新的 Next.js 和 React 版本。這個自動化工具可確保平滑的升級路徑,並且可以透過執行以下命令透過終端機存取:

npx @next/codemod@canary 升級最新

非同步請求 API:
此外,還以新的非同步請求 API 的形式引入了重大突破性變更。此更新透過使某些伺服器端請求 API(例如 cookie、標頭和參數)非同步,簡化了渲染和快取模型。過渡到此模型會影響各種 Next.js 元件和 API,但臨時同步存取仍然可用,並帶有向後相容性警告。

快取語意:
快取語意的變化也佔據了中心位置。在 Next.js 15 中,框架預設不再快取取得請求、GET 路由處理程序和用戶端導航,而是選擇未快取的模型。開發人員仍然可以在必要時手動配置緩存,使用 fetch 中的強制緩存或動態路由配置等選項。

反應 19:
Next.js 15 也帶來了對 React 19 的支持,包括 React 即將發布的版本的功能。 App Router 已經過最佳化,可與 React 19 RC 配合使用,同時根據社群回饋,Pages Router 仍保持與 React 18 的向後相容性。此次升級包括對 React Compiler 的支持,這是一種實驗性工具,旨在透過減少手動記憶來簡化程式碼最佳化。

Turbopack 開發
Turbopack Dev 的進一步穩定性和效能改進是顯而易見的,它現在提供更快的本機伺服器啟動時間、透過快速刷新實現更快的程式碼更新以及建置效能的改進。該工具在 vercel.com 等大型應用程式上進行了測試,顯示出開發速度的顯著提升。

靜態路由指示器:

Next.js  Now Stable and Packed with Exciting Updates!

開發過程中引入了新的靜態路由指示器,可以直觀地識別靜態路由,幫助開發人員更好地理解應用程式中的渲染行為。

另一個實驗性 API,unstable_after,可以在回應完成串流後執行日誌記錄或分析等輔助任務。這可以防止伺服器阻塞非必要的任務,並透過將回應時間與後台進程解耦來進一步改善使用者體驗。

該版本還使 Instrumentation.js 變得穩定,允許開發人員在 Next.js 伺服器生命週期內監控效能並追蹤錯誤。與 Sentry 等可觀測性提供者的合作增強了錯誤報告功能,提供了有關伺服器端問題的更多背景資訊。

版本已全部打包? 。一些需要注意的事項:

  • HTML 表單也透過使用 next/form 元件的增強表單得到了提升。
  • TypeScript 使用者將發現對 next.config.ts 的新支持,提供更類型安全的配置體驗。同時,自架改進可以更好地控制 Cache-Control 標頭和映像最佳化,使開發人員更輕鬆地管理其部署。
  • 在安全性方面,Next.js 15 透過不可猜測的安全操作 ID 和消除死程式碼來增強伺服器操作。這些更新有助於降低無意中暴露未使用的伺服器功能的風險,同時也提高了捆綁包的大小和效能。
  • 在捆綁方面,此版本使外部套件捆綁變得穩定,這可以提高無伺服器環境的冷啟動效能。
  • 其他一些增強功能,例如對 ESLint 9 的支持,進一步提高了開發和構建性能。該版本提供了更簡化的開發體驗,同時為未來的功能奠定了基礎,預計在 10 月 24 日即將舉行的 Next.js 大會上提供更多詳細資訊。

Next.js  Now Stable and Packed with Exciting Updates!

但是......不要只相信我的話。儘管這些亮點很精彩,但細節變得更加有趣。如果您想知道這些更新如何增強您的下一個專案或簡化您的開發流程,我鼓勵您深入閱讀官方 Next.js 15 部落格文章,以了解所有細節。相信我,您不想錯過完整的圖片。

下次見......

Next.js  Now Stable and Packed with Exciting Updates!

以上是Next.js 現在穩定並包含令人興奮的更新!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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