Next.js 16 有哪些更新?
默认启用 Turbopack
开发与构建默认使用 Turbopack,显著加速编译与 HMR。
Cache Components(取代实验性 PPR)
通过 cacheComponents 精准控制流式与缓存,获得稳定的 PPR 体验。
异步请求 API 全面生效
cookies、headers、searchParams 全面异步化,类型自动生成更安全。
路由预取与缓存升级
布局去重与增量预取,体积更小、切换更快。
React 19.2 / React Compiler
官方支持最新 React 能力,可选开启 React Compiler 自动优化。
从 middleware 到 proxy
澄清网络边界,统一 Node.js 运行时语义。
什么是 Next.js?
Next.js 是构建现代 Web 的全家桶:基于 React 服务器组件,配合 Server Actions 与 Cache Components 打通数据到 UI 的闭环;Next.js 16 默认启用 Turbopack,开发与构建更快。
Turbopack 默认启用
Next.js 16 默认使用 Turbopack 开发与构建,编译与 HMR 更快。
Cache Components(稳定的 PPR)
通过 Cache Components 精准控制渲染与缓存,获得稳定的部分预渲染体验。
异步请求 API
cookies、headers、searchParams 等 API 全面异步化,类型更安全。
路由预取与缓存升级
布局去重与增量预取,传输更小、切换更快。
React 19.2 与 React Compiler
内置支持最新 React 能力,可选开启 React Compiler 自动优化。
内置优化
自动图像、字体和脚本优化,提升用户体验和核心 Web 指标。
数据获取
支持服务器端和客户端数据获取,让组件异步等待数据。
服务器操作(Server Actions)
直接调用服务器函数,跳过 API,一次网络往返即可重新验证缓存数据并更新 UI。
高级路由
使用文件系统创建路由,支持复杂的路由模式和 UI 布局。
动态 HTML 流式传输
即时从服务器流式传输 UI,与 App Router 和 React Suspense 集成。
CSS 支持
使用你喜欢的工具设计应用,包括对 CSS Modules、Tailwind CSS 和流行社区库的支持。
路由处理器
构建 API 端点,安全地连接第三方服务,处理身份验证或监听 webhooks。
中间件
控制传入请求,使用代码定义路由和访问规则,用于身份验证、实验和国际化。
React 服务器组件
添加组件而无需发送额外的客户端 JavaScript。基于最新的 React 特性构建。
灵活渲染
支持客户端和服务器端渲染,包括增量静态再生(ISR),可按页面级别进行配置。
中文文档特色
同步 Next.js 16 官方文档
完整同步 Next.js 16 的文档:Cache Components、Server Actions、Turbopack、渲染与缓存策略等关键更新。
持续同步更新
与官方英文文档保持同步,重要改动和最佳实践第一时间到位。
沉浸式阅读体验
采用与官方文档一致的阅读布局和交互设计,让你在熟悉的界面中专注于 Next.js 知识的学习。
对照方便
保持与官方文档相同的 URL 结构,只需将 nextjs.org 改为 nextjscn.org,即可从英文文档无缝切换到对应的中文文档。
精准翻译
由专业团队精心翻译,确保术语准确,概念清晰,助你深入理解 Next.js 的每个细节。
社区支持
汇集中文开发者的问题与经验,建立本土化的 Next.js 学习社区。
常见问题
这是官方吗?与 nextjs.org 有何关系?
本站为民间维护的中文翻译站点,严格同步官方文档,链接结构保持一致,便于中英文对照学习。
为什么要使用中文文档?
我们提供与官方文档一致的阅读体验和交互设计,并同步最新更新,让你可以用自己熟悉的语言学习 Next.js 16 知识。
如何反馈问题或参与贡献?
可通过 Discord、微信群反馈。
如何从 Next.js 15 升级到 16?
参考升级指南:默认 Turbopack、异步 API、Cache Components 等需要重点关注。
社群交流
欢迎 Next.js 中文开发者加入交流群,一起学习 Next.js 技术,一起交流出海技能。