Vercel正式发布Next.js 16.3,这是自去年11月16.0版本以来React框架最大的一次更新。本次升级为所有现有应用带来性能提升,同时推出一套名为Instant Navigations的可选工具集。
此次发布的大部分内容聚焦于开发体验优化。Turbopack在next dev过程中内存占用最高可减少90%,这得益于默认开启的磁盘缓存和新的内存驱逐功能。Vercel报告称,其内部仪表盘的内存占用从21.5GB降至2GB;The Register也提到一位早期采用者的内存占用从约4GB降至1.5GB,形容为"恢复正常了"。
![]()
磁盘缓存同时加速了next build流程,在CI环境下的重复构建速度最高提升5.5倍。类型检查速度同样得到改善,next build现在可以运行TypeScript 7——这是微软声称速度大约快十倍的本地移植版本,只需升级本地依赖即可启用:
pnpm add -D typescript@^7服务端渲染已改用原生Node.js流而非Web流重建,Vercel表示在无需修改代码的情况下,负载下可处理的请求量最多增加22%。Heise报道称,边缘运行时(edge runtime)也因这次向Node的迁移而被弃用。
本次更新的重头戏是Instant Navigations,这是一套可选工具,让Next.js在保留服务端模型的同时,获得客户端驱动的单页应用般的响应速度。它建立在去年11月引入的'use cache'指令之上,通过两个标志开启:
const nextConfig: NextConfig = { cacheComponents: true, partialPrefetching: true,};Partial Prefetching将较小的预取请求打包为每个路由的可复用外壳,Roboto Studio将其演示为:侧边栏的二十个链接从二十次请求变为单个缓存外壳。新增的DevTools工具Instant Insights会自动标记任何非即时的导航,Playwright的instant()辅助函数则帮助团队在发布前捕获回归问题。
Reddit上的开发者已经对90%内存节省的说法进行了实测,不过新标志也带来了一些注意事项。GitHub反馈讨论帖列出了几个已知问题:静态导出与Partial Prefetching不兼容,全局styled-jsx样式可能在路由间泄漏,以及在SST上使用cacheComponents自托管可能完全破坏服务端渲染。Appwrite建议现在就升级以获取默认改进,但采用Instant Navigations时应逐路由推进。
新项目可通过npm install next@latest安装默认配置,现有项目则可在启用新行为前参考"迁移到Cache Components"指南。该行为预计在未来主版本中成为默认设置。
Next.js正在回应一个长期存在的抱怨:Server Components相比单页应用感觉迟钝。它借鉴了单页应用的即时加载外壳,同时保留服务端驱动渲染。此外,它还通过为编码代理编写版本匹配的AGENTS.md模块,进一步推进代理驱动开发——这一领域正是Astro和TanStack Start等轻量级框架一直在竞争的赛道。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.