简介
欢迎阅读 Next.js 文档!
什么是 Next.js?
Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。你可以使用 React 组件来构建用户界面，而 Next.js 则提供额外的功能和优化。
在底层，Next.js 还抽象化并自动配置了 React 所需的工具，如打包、编译等。这使你能够专注于构建应用程序，而不必花时间在配置上。
无论你是个人开发者还是大型团队的一员，Next.js 都能帮助你构建交互式、动态且快速的 React 应用程序。
主要特性
Next.js 的一些主要特性包括:
| 特性 | 描述 |
|---|---|
| 路由 | 基于文件系统的路由器，构建在服务器组件之上，支持布局、嵌套路由、加载状态、错误处理等。 |
| 渲染 | 使用客户端和服务器组件进行客户端和服务器端渲染。通过 Next.js 在服务器上进行静态和动态渲染进一步优化。在 Edge 和 Node.js 运行时进行流式传输。 |
| 数据获取 | 在服务器组件中使用 async/await 简化数据获取，并扩展了 fetch API 以实现请求缓存、数据缓存和重新验证。 |
| 样式 | 支持你熟悉的样式方法，包括 CSS Modules、Tailwind CSS 和 CSS-in-JS |
| 优化 | 图像、字体和脚本优化，以改善应用程序的核心 Web 指标和用户体验。 |
| TypeScript | 改进了对 TypeScript 的支持，具有更好的类型检查和更高效的编译，以及自定义 TypeScript 插件和类型检查器。 |
如何使用这些文档
在屏幕左侧，你会找到文档导航栏。文档页面按照从基础到进阶的顺序组织，因此你可以在构建应用程序时按步骤逐一阅读。但是，你也可以按任意顺序阅读，或跳转到适用于你的用例的页面。
在屏幕右侧，你会看到一个目录，它可以让你更轻松地在页面的各个部分之间导航。如果你需要快速找到某个页面，可以使用顶部的搜索栏，或使用搜索快捷键 ( Ctrl+K 或 Cmd+K )。
开始之前，请查看安装指南。
App Router 与 Pages Router
Next.js 有两种不同的路由器：App Router 和 Pages Router。App Router 是一个较新的路由器，允许你使用 React 的最新功能，如服务器组件和流式传输。Pages Router 是旧版的 Next.js 路由器，它允许你构建服务器渲染的 React 应用程序，并继续支持旧版 Next.js 应用程序。
在侧边栏顶部，你会注意到一个下拉菜单，允许你在 App Router 和 Pages Router 功能之间切换。由于每个目录都有独特的功能，因此请务必注意选择了哪个标签。
页面顶部的面包屑导航也会指示你正在查看 App Router 文档还是 Pages Router 文档。
预备知识
虽然我们的文档旨在对初学者友好，但我们需要建立一个基线，以便文档能够专注于 Next.js 功能。每当我们引入新概念时，我们都会确保提供相关文档的链接。
为了充分利用我们的文档，建议你对 HTML、CSS 和 React 有基本的了解。如果你需要复习 React 技能，请查看我们的 React 基础课程，该课程将向你介绍基础知识。然后，通过构建仪表板应用程序来进一步了解 Next.js。
可访问性
为了在阅读文档时获得最佳的可访问性，我们建议使用屏幕阅读器时使用 Firefox 和 NVDA，或 Safari 和 VoiceOver。
加入我们的社区
如果你有任何关于 Next.js 的问题，随时欢迎你在 GitHub Discussions、Discord、Twitter 和 Reddit 上向我们的社区提问。
加入「Next.js 中文文档」交流群
如果你有任何关于 Next.js 中文文档的问题，随时欢迎向我们的推特 @weijunext 、即刻@BigYe程普、微信交流群进行反馈。