简介

欢迎来到 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 模块、Tailwind CSS 和 CSS-in-JS。
优化	图片、字体和脚本优化，以改善应用程序的核心 Web 指标和用户体验。
TypeScript	改进对 TypeScript 的支持，提供更好的类型检查和更有效的编译，以及自定义 TypeScript 插件和类型检查器。

如何使用这些文档

在屏幕左侧，您会找到文档导航栏。文档的页面按顺序组织，从基础到高级，因此您可以在构建应用程序时逐步遵循它们。但是，您可以按任何顺序阅读它们或跳到适用于您用例的页面。

在屏幕右侧，您会看到一个目录，方便您在页面各部分之间导航。如果您需要快速查找页面，可以使用顶部的搜索栏或搜索快捷键 (Ctrl+K 或 Cmd+K)。

要开始使用，请查看安装指南。

App 路由与 Pages 路由

Next.js 有两个不同的路由器：App 路由器和 Pages 路由器。App 路由器是一个较新的路由器，允许您使用 React 的最新功能，例如服务器组件和流式传输。Pages 路由器是最初的 Next.js 路由器，允许您构建服务器渲染的 React 应用程序，并且继续支持较旧的 Next.js 应用程序。

在侧边栏顶部，您会注意到一个下拉菜单，允许您在 App 路由器和 Pages 路由器功能之间切换。由于每个目录都有一些独特的功能，因此务必跟踪已选择哪个选项卡。

页面顶部的面包屑也将指示您是在查看 App 路由器文档还是 Pages 路由器文档。

先决条件知识

虽然我们的文档设计为对初学者友好，但我们需要建立一个基线，以便文档能够专注于 Next.js 功能。每当我们引入新概念时，我们都会确保提供指向相关文档的链接。

要充分利用我们的文档，建议您对 HTML、CSS 和 React 有基本的了解。如果您需要复习 React 技能，请查看我们的React 基础课程，它将向您介绍基础知识。然后，通过构建仪表板应用程序了解更多关于 Next.js 的信息。

无障碍访问

为了在使用屏幕阅读器阅读文档时获得最佳的无障碍体验，我们建议您使用 Firefox 和 NVDA，或 Safari 和 VoiceOver。

加入我们的社区

如果您对与 Next.js 相关的任何内容有任何疑问，都欢迎您在 GitHub 讨论区、Discord、X（Twitter）和 Reddit 中提问。

简介