2026 年 6 月下旬,Vercel 发布了 Next.js 16.3。这是该框架的最新版本,而这个框架支撑着相当大一部分现代网站和 Web 应用,其中也包括本网站。给企业主的简短版本是:您网站背后的技术刚刚变得运行更快、构建更便宜、维护更智能。Next.js 16.3 将开发时的内存占用最多降低 90%,新增可缩短部署时间的持久化构建缓存,引入类似应用的“即时导航”,并提供面向 AI 的原生工具,让开发团队能够更可靠地借助智能体进行开发。您不需要了解其内部原理,但应该知道:Origami 所依托的基础在不断进步,这会直接转化为您项目的速度、成本和上市时间。

为什么网站所运行的框架很重要

每个网站和应用都构建在某个框架之上。框架就是引擎,决定页面加载有多快、导航有多流畅,以及团队能多快推出新功能。Next.js 由 Vercel 维护,TikTok、Shopify 和 Twitch 等公司都在使用,是专业 Web 开发中采用最广泛的基础之一。它每改进一次,所有基于它构建的项目都能免费继承这些提升。这就是 Origami 密切关注这些版本发布的原因:选择并更新合适的基础,是打造多年来依然快速、维护成本依然低廉的软件的一部分,而不是一个无关紧要的技术细节。

构建更快,成本更低:16.3 中的 Turbopack

16.3 的最大亮点,是为构建您产品的人带来的性能提升。Turbopack 是基于 Rust、负责编译 Next.js 项目的引擎,现在它会在长时间的开发会话中释放不再需要的内存,无需任何配置更改即可将内存占用最多降低 90%。它还为生产构建带来了持久化构建缓存:修改之后,构建会复用之前已计算的结果,而不是从头开始,因此部署完成得更快。此外,还有 React Compiler 的实验性 Rust 移植版本,以及对 import.meta.glob 的支持,使文件导入更简洁。对您来说,更少的内存和更快的构建意味着迭代更快、云服务和 CI 成本更低,从“我们改完了”到“已经上线”之间的等待也更短。

即时导航:为您的客户带来应用般的体验

16.3 引入了“即时导航”,让服务器端渲染的页面在不同界面之间切换时,像单页应用一样流畅,同时又不放弃服务器端渲染在 SEO 和性能方面的优势。Next.js 会为每个路由自动生成一个可复用的外壳,并预取一次,因此第一次点击就感觉瞬间完成,而页面的其余部分则以流式方式陆续加载。该功能目前需要主动开启,通过 cacheComponents 和 partialPrefetching 两个标志控制,这样团队会有意识地采用它,而不是默认启用。对于网上商店、预约系统或客户后台来说,这就是一个感觉像快速原生应用的网站与一个每次点击都卡顿的网站之间的差别,而交互速度与转化率直接相关。

面向 AI 的原生工具:开发更快、更可靠

16.3 顺应了现代团队在 2026 年真正的开发方式,也就是借助 AI 编程智能体。它通过 AGENTS.md 文件捆绑与版本匹配的文档,让智能体读取与您所用确切版本对应的正确文档;新增官方 Skills,帮助智能体执行多步骤任务;提供一个能够检查 React 状态的智能体浏览器;并开放一个更小、更专注的诊断服务器(MCP)。现在,只要在任何文档 URL 后加上 .md,就能以纯 Markdown 格式获取文档。实际效果是:像 Origami 这样的开发伙伴,可以在准确且与版本相符的信息基础上借助 AI 进行开发,错误更少,交付更快,代码的行为也符合预期。

如果您的网站使用较旧的技术栈,这意味着什么

如果您的网站或应用是多年前基于一个日渐老化的框架构建的,差距正在不断拉大:加载速度、维护成本,以及添加新功能的速度,都是如此。您不必追逐每一次版本发布,但一个持续改进的基础是一项商业资产:它让您的网站在 Google 的 Core Web Vitals 中保持快速,让客户用得舒适,并让后续演进成本低廉。如果您不确定自己的产品基于什么构建,或者是否已到需要现代化改造的时候,这正是 Origami 在建议任何改动之前会做的评估。

要点总结

Next.js 16.3 不是一个可以购买的功能,而是您的数字产品脚下的地基变得更加稳固。更快的构建降低您的开发成本,即时导航改善客户体验,面向 AI 的原生工具缩短交付时间。作为一家技术公司,Origami 的工作就是让您网站和应用的基础保持现代、快速且经济,让行业推出的各项改进真正转化为您企业的优势。

在 Origami,我们基于现代技术基础为沙特企业构建网站和应用,并持续保持其更新。如果您希望评估您的产品基于什么构建、是否到了需要升级的时候,欢迎与我们联系。

资料来源

  • Next.js 博客 — Turbopack: What's New in Next.js 16.3(Vercel,2026年6月29日):https://nextjs.org/blog/next-16-3-turbopack
  • Next.js 博客 — Next.js 16.3: Instant Navigations(Vercel,2026年6月25日):https://nextjs.org/blog/next-16-3-instant-navigations
  • Next.js 博客 — Next.js 16.3: AI Improvements(Vercel,2026年6月26日):https://nextjs.org/blog/next-16-3-ai-improvements