Featured image of post 使用 Next.js 15 建立的超快速 Web 應用程式Featured image of post 使用 Next.js 15 建立的超快速 Web 應用程式

使用 Next.js 15 建立的超快速 Web 應用程式

「Next.js 15」終於在最近的更新中發布了測試版,並在前端界引起了很大的轟動。 我也立即將我的個人專案從 Next.js 14 升級到 15,並嘗試了一些新功能。在這篇文章中,我將回顧我實際接觸後感受到的「驚人的進化」。

Next.js 15 的演變讓我一接觸就感到驚訝

如果非要用一個詞來形容的話,那就是「開發者體驗(DX)和效能的終極提升」。 自從 App Router 推出以來,Next.js 一直處於重大範式轉變之中,版本 15 感覺已經接近完成。

1. 使用 React Compiler 將自己從手動記憶中解放出來

就我個人而言,讓我印象最深刻的是官方對 React Compiler 的支援。 以前,您必須在各處編寫“useMemo”、“useCallback”和“React.memo”,以防止不必要的重新渲染。但是,在 Next.js 15 中,編譯器將為您進行最佳化。

實際上,我嘗試從程式碼中刪除所有這些掛鉤,它根本沒有減慢速度,反而使我的程式碼庫變得非常乾淨。僅此一點就值得採取行動。

2.預設快取策略修改

在先前的版本中,許多開發人員對「預設快取所有內容」的激進規範感到困惑(我就是其中之一)。 在 Next.js 15 中,取得請求(“fetch”)的預設值已修改為“no-store”,並且我們傳回了一種選擇加入方法,您可以在該方法中僅明確指定需要快取的部分。這減少了無意的陳舊數據顯示的數量,並使直觀的開發再次成為可能。

3. Turbopack 穩定性帶來爆炸性的啟動速度

本地開發環境建置的速度也值得注意。 Turbopack 是一個基於 Rust 的捆綁器,現在更加穩定,允許伺服器立即啟動,即使對於大型專案也是如此。熱重載(Fast Refresh)的反應也是壓倒性的,等待時間帶來的壓力幾乎被消除。

整體回顧:您現在應該遷移嗎?

總之,如果它是一個新項目,我們建議毫不猶豫地在 Next.js 15(或 React 19)上建立它。即使您有一個現有項目,如果您已經遷移到 App Router,升級它的障礙也不會那麼高。

「快」不僅僅指瀏覽器的繪製速度。這意味著開發人員編寫、審查和部署程式碼的整個週期更快。我認為 Next.js 15 是能夠實現這種「極快循環」的框架的頂峰。