Next.js 6 正式發布,帶來多項重大改進。本次更新全面升級至 Babel 7,並原生支持 React Fragments。最關鍵的更新是引入了 _app.js,讓開發者能更輕鬆地控制頁面初始化與持久化佈局。此外,官方也同步推出了全新設計的 nextjs.org 官網與文檔系統。
Next.js 5.1 聚焦於開發體驗與效能優化,顯著加快了開發模式下的頁面解析(Page Resolution)速度。 新版本正式引入了 `next/config`,提供 `publicRuntimeConfig` 與 `serverRuntimeConfig`,方便開發者管理環境變數。 此外,此版本也改進了動態導入(Dynamic Imports)的相容性,並支援非同步的 `exportPathMap`,讓靜態網站生成更具彈性。
Next.js 5 帶來了多項核心架構的重大變革。首先是「通用 Webpack(Universal Webpack)」,讓開發者能用單一配置同時處理伺服器與瀏覽器端的程式碼。其次,正式支援 CSS 導入與全新的插件系統,簡化了樣式管理與生態系擴充。最後,引入了「Zones」概念,允許將多個獨立的 Next.js 應用程式無縫合併至單一網域下,為微前端架構奠定基礎。
在邁向 Next.js 5 的過程中,官方正式推出了 next@canary 更新機制。這項舉措旨在建立一個更穩定且透明的測試管道,讓社群開發者能夠在正式版發佈前,搶先體驗並測試最新的程式碼與功能修復。這不僅有助於提升 Next.js 的穩定性,也加速了開發反饋循環,奠定了日後快速迭代的基礎。
Vercel(當時為 ZEIT)發布 Next.js 4,此版本最核心的改進是全面支援 React 16,藉此大幅提升伺服器端渲染(SSR)的效能與穩定性。同時,內建的 CSS-in-JS 解決方案也升級至 styled-jsx v2,帶來更靈活的動態樣式支援與更小的打包體積。這是一次奠定 Next.js 早期生態系的重要更新。
Next.js 3.0 正式推出,帶來兩大核心功能更新:首先是支援動態導入(Dynamic Import),讓開發者能更輕鬆地進行程式碼分割以優化載入速度;其次是新增 `next export` 命令,支援將應用程式導出為完全靜態的 HTML 網頁。此外,此版本也優化了熱更新(HMR)效能,並為即將到來的 React 16 做好準備。
Vercel(時為 Zeit)發布 Next.js 3.0 預覽版,引進靜態 HTML 匯出(Static Exports)與動態程式碼拆分匯入(Dynamic Imports)。靜態匯出允許將應用完全輸出為靜態網頁以利部署;動態匯入則能實現組件級別的延遲載入,顯著優化前端載入效能。
Next.js 2.0 正式推出,專注於提升 React 伺服器端渲染(SSR)的開發體驗與效能。此版本引入了動態導入(Dynamic Imports)、自訂伺服器 API、自訂 `_document.js` 以控制 HTML 結構,並內建 styled-jsx 支援。此外,熱更新(HMR)速度與打包體積也獲得了大幅優化。
2016 年 10 月,ZEIT(現 Vercel)正式推出 Next.js,這是一個專為 React 設計的極簡、免配置伺服器端渲染(SSR)框架。它解決了 React 應用的 SEO 與首屏載入痛點,並引入了直觀的「基於檔案系統的路由」與自動程式碼分割。這項發布奠定了現代前端開發與 Jamstack 生態系的基石,也是如今許多 AI 應用前端的首選框架。