Next.js 16.3 預設開啟磁碟快取，dev 記憶體最多降 90%、部分專案的 CI warm path 建置速度最高為原本 5.5 倍

Next.js 16.3 預設開啟磁碟快取，dev 記憶體最多降 90%、部分專案的 CI warm path 建置速度最高為原本 5.5 倍。 版本重點 Next.js 於 2026 年 8 月 4 日發布 16.3，主軸是讓既有專案不需修改程式碼即可獲得效能改善，同時以選用功能帶來接近 SPA 的即時導覽體驗；官方建議升級，指引見Next.js 16.3 。 效能改善 來源：@nextjs（回覆）｜Next.js 在編譯 50 個路由後，vercel.com (dashboard) 的記憶體用量減少約 90% 至 2 GB，nextjs.org 減少約 82% 至 840 MB Turbopack 的 next dev 透過預設啟用的磁碟快取與 memory eviction，開發期間最多減少 90% 記憶體使用量；vercel.com 在編譯 50 條路由後由 21.5 GB 降至 2 GB，nextjs.org 則由 4,600 MB 降至 840 MB。 來源：@nextjs（回覆）｜Turbopack 啟用快取後可大幅縮短 next build 編譯時間，其中 vercel.com/geist 專案建置速度最高約為原本 5.5 倍（30 秒降至 5.5 秒） next build 現在也預設使用檔案系統快取，CI 的 warm path 建置速度最高為原本 5.5 倍；vercel.com/geist 的時間由 30 秒降至 5.5 秒。 next build 可搭配原生實作、宣稱編譯速度成長為 10 倍的原生實作 TypeScript 7 進行型別檢查： `bash pnpm add -D typescript@^7 ` 貼文另列出的安裝方式是： `bash npm install -D typescript@7 ` 來源：@nextjs（回覆）｜Node.js streams 在 App Router 伺服器端渲染高負載測試中，處理請求數量較 Web streams 基準提升約 22% App Router 渲染改用原生 Node.js streams，移除 web streams 轉換負擔；官方基準測試顯示負載下最多可多處理 22% 的請求。 來源：@nextjs（回覆）｜使用 JavaScript 語法讀取 ./posts/*.md 檔案並渲染文章標題列表的程式碼片段 Turbopack 支援 Vite 相容的 import.meta.glob，可載入多個檔案，並為讀取本機 Markdown 等檔案的 Server Components 提供 hot-module reloading。 AI Agent 與錯誤處理 next dev 會維護 AGENTS.md 區塊，指向與專案 Next.js 版本相符、位於本機 node modules 的文件，避免 coding agents 依賴過時訓練資料。 來源：@nextjs（回覆）｜為 Agent 專用的 Next.js 規則說明區塊，位於 ` 與 標籤之間，提醒 Agent 該版本包含破壞性變更、API 與檔案結構與訓練資料不同，並指示在編寫任何程式碼前先閱讀 node_modules/next/dist/docs/` 中的相關指南。 16.3 也加入以多步工作流程為導向的 first-party Skills，例如 next-dev-loop；原文提供的安裝指令為： `bash npx skills add vercel/next.js --skill next-dev-loop ` 來源：@nextjs（回覆）｜透過終端機指令新增與管理 vercel/next.js 相關 skill 的命令列表，展示 agent 驅動瀏覽器、啟用 Cache Components、優化路由以及開啟 Partial Prefetching 的具體操作 新的 catchError 可建立不攔截 notFound 與 redirect 的 custom error boundary，並透過 retry() 重新取得失敗資料、重新渲染 Server Components： `tsx 'use client'; import { catchError, type ErrorInfo } from 'next/error'; function ErrorFallback(props: { title: string }, { error, retry }: ErrorInfo) { return ( {props.title} {error.message} retry()}>Try again ); } export default catchError(ErrorFallback); ` 來源：@nextjs（回覆）｜app/my-error-boundary.tsx 檔案中定義 ErrorFallback 錯誤邊界元件的程式碼片段 來源：@nextjs（回覆）｜Next.js 錯誤診斷介面顯示導覽期間遇到未快取的資料，並在程式碼片段中指出 app/subnav/post/page.tsx 的第 3 行發生問題，同時於下方提供 Stream、Cache 與 Block 三種修復方式的建議選項。 Instant Navigations 這套選用功能回應 Next.js 過去「Server Components 減少 JavaScript，卻可能讓導覽感覺變慢」、快取模型隱含且 prefetch 過度積極等問題。啟用 cacheComponents 與 partialPrefetching： 來源：@nextjs（回覆）｜next.config.ts 的 TypeScript 範例程式碼 `ts import type { NextConfig } from 'next'; const nextConfig: NextConfig = { cacheComponents: true, partialPrefetching: true, }; export default nextConfig; ` 其中 Partial Prefetching 能控制連結預先載入最小 loading shell、部分渲染頁面或完整內容；Navigation Inspector 可在開發時暫停導覽，檢查哪些內容立即顯示、哪些需等待網路。 來源：@nextjs（回覆）｜Navigation Inspector 偵錯工具介面，顯示 debugger 已暫停於 /store/shoes 的頁面初始載入（page load）狀態，並提供 Resume 按鈕與 Pause on navigations 開關設定。 Instant Insights 會標示非即時導覽並提供修正 prompt；instant() 則能以 Playwright 防止重構再次造成速度退化。 來源：@nextjs（回覆）｜使用 Playwright 與 @next/playwright 進行端對端測試的程式碼片段 官方表示這些行為未來主要版本將成為預設，方向是回到「預設動態、沒有隱藏或隱含快取」。 實驗功能與升級 Rust-based React Compiler 可在 Turbopack 內取代 Babel，v0 測試中 cold build 到可用頁面快 34%、warm build 快 46%（前提是已完全不再使用 Babel；若仍保留其他 Babel 轉換，增益會較小）；Network resilience 則讓離線請求保持 pending，並在重新連線後重試。 來源：@nextjs（回覆）｜兩個對比狀態的音樂播放介面，左側顯示載入中的灰色佔位區塊，右側顯示已載入的藍色專輯封面與曲目資訊，兩者下方皆帶有「You're offline — reconnecting...」的連線狀態提示。 啟用方式為： 來源：@nextjs（回覆）｜next.config.ts 檔案內容，設定 reactCompiler 與 experimental.turbopackRustReactCompiler 屬性 `ts import type { NextConfig } from 'next'; const nextConfig: NextConfig = { reactCompiler: true, experimental: { turbopackRustReactCompiler: true, }, }; export default next…