Next.js 中文文档是面向中文开发者的民间维护中文翻译站点,内容严格同步 Next.js 官方文档,帮助开发者用中文学习如何基于 React 构建现代 Web 应用。文档围绕 Next.js 16 展开,覆盖服务器组件、Server Actions、Cache Components、Turbopack、路由、渲染、缓存、数据获取与性能优化等主题。站点保持与官方文档相同的 URL 结构,只需将 nextjs.org 改为 nextjscn.org,即可在英文文档与中文文档之间切换;同时采用与官方文档一致的阅读布局和交互设计,并通过 Discord、微信群等渠道收集问题与经验。
核心功能
Next.js 16 版本更新说明
文档集中介绍 Next.js 16 的主要变化,包括开发与构建默认启用 Turbopack、Cache Components 取代实验性 PPR、cookies、headers、searchParams 等请求 API 全面异步化,以及路由预取和缓存能力升级。内容还覆盖 React 19.2、React Compiler 支持,以及从 middleware 到 proxy 的变化,便于使用 Next.js 15 的开发者了解升级重点。
React 服务器组件与 Server Actions
Next.js 中文文档解释如何使用 React 服务器组件,在不发送额外客户端 JavaScript 的情况下添加组件。Server Actions 允许直接调用服务器函数,跳过 API,并在一次网络往返中重新验证缓存数据和更新 UI,文档将这些能力放在 Next.js 的数据到界面闭环中进行说明。
路由与页面组织
文档覆盖 App Router 与 Pages Router,并介绍使用文件系统创建路由的方式。Next.js 支持复杂路由模式和 UI 布局,也提供路由处理器来构建 API 端点、连接第三方服务、处理身份验证或监听 webhooks;中间件则可用于控制传入请求、定义路由与访问规则,并服务于身份验证、实验和国际化场景。
渲染、缓存与流式传输
Cache Components 用于更精准地控制渲染与缓存,提供稳定的部分预渲染体验。Next.js 同时支持客户端渲染、服务器端渲染和可按页面配置的增量静态再生(ISR),并能结合 App Router 与 React Suspense 从服务器动态流式传输 UI。文档还介绍了增量预取与布局去重,以减少传输体积并改善页面切换。
性能与内置优化
Next.js 16 默认使用 Turbopack 进行开发与构建,重点改善编译和 HMR。框架提供图像、字体和脚本优化,并支持 Edge 运行时与流式渲染;文档还将 Turbopack、增量预取、布局去重、图像字体优化和 ISR 归入性能优化内容,帮助读者理解生产级应用中的相关能力。
样式与数据获取
文档说明 Next.js 支持 CSS Modules、Tailwind CSS 及流行社区 CSS 库,开发者可以使用熟悉的工具设计应用。数据获取同时支持服务器端和客户端方式,组件可以异步等待数据;路由处理器则能够作为 API 端点与外部服务连接。
使用方式
站点以 Web 文档形式提供内容,可从“开始阅读”进入文档页面。中文页面与官方英文文档保持相同的 URL 结构,用户可以将 nextjs.org 替换为 nextjscn.org 进行对应页面切换。官网未说明是否需要注册,也未提供客户端、浏览器插件、开放 API 或命令行使用方式;问题反馈和贡献交流可通过 Discord、微信群进行。
适用人群与场景
使用 React 构建现代 Web 应用的中文开发者,可通过文档学习服务器组件、路由、渲染和数据获取。准备从 Next.js 15 升级到 16 的开发者,可以重点查看 Turbopack、异步请求 API 与 Cache Components 等升级内容。需要掌握 App Router、Pages Router、Server Actions 或 Route Handlers 的开发者,可按核心概念和性能优化主题查阅。希望对照官方英文内容学习的中文读者,则可以利用一致的 URL 结构和阅读布局进行切换。
注意事项
该站点明确说明自己是民间维护的中文翻译站点,并非官方站点;其内容严格同步官方文档,中文翻译和同步进度可能依赖维护团队。官网未提供价格、免费额度或付费档位信息。