Next.js教程

系统环境需求 Node.js 10.13 或更高版本 MacOS、Windows (包括 WSL) 和 Linux 都被支持 安装设置 我们建议使用 creat…

本文档适用于 Next.js 9.3 或更高版本。 介绍 在 Next.js 中，一个 page（页面） 就是一个从 .js、jsx、.ts 或 .tsx 文件导出（export）…

本文档适用于9.3及更高版本的Next.js。如果您使用的是Next.js的旧版本，请参阅我们以前的文档。 例子 WordPress示例（演示） 使用Markdown文件的Blog…

先看下实例： 基本 CSS 示例 使用 Tailwind CSS 然后继续详细解析。 Next.js 允许你在 JavaScript 文件中导入（import） CSS 文件。 因…

先看个实例：Image 组件。 从 10.0.0 版本开始，Next.js 内置了图片组件和自动图片优化功能。 Next.js 的 Image 组件（即 nex…

Next.js 支持将静态文件（例如图片）存放到根目录下的 public 目录中，并对外提供访问。public 目录下存放的静态文件的对外访问路径以 …

先看实例：Fast Refresh Demo 快速刷新（Fast Refresh）是 Next.js 的一项功能，当你编辑 React 组件时，可以为你提供即时的反馈。 默认情况下…

先看个实例：TypeScript。 看完后，往下走起。 Next.js 提供了集成的 TypeScript 开发体验，并且开箱即用，类似一个 IDE。 首先，在项目的根目录中创建一…

本文档适用于 9.4 和更高版本的 Next.js。如果你使用的是较旧版本的 Next.js，请参阅 next.config.js 中的环境变量。 示例 环境变量 Next.js …

Next.js 支持 IE11 和所有现代浏览器 （Edge、Firefox、Chrome、Safari、Opera 等），并且无须任何配置。 Polyfill…

先看下实例咯。 基本 API 路由 支持 REST 的 API 路由 响应 (res) 包含一组类似于 Express.js 的方法以改善开发人员的体验并提高创建新 API 端点的…

先看下实例： 具有中间件的API路由 具有CORS的API路由 API 路由提供了内置的中间件，用于解析传入的请求 (req)。这些中间件是： req.cookies-包含请求发送…

先看个实例： 基本 API 路由 API 路由支持 [动态路由]](/docs/routing/dynamic-routes.md)，并与 pages 一样遵循…

先来看下实例： 基本 API 路由 具有中间件的 API 路由 支持 GraphQL 的 API 路由 REST 模式的 API 路由 支持 CORS 的 API 路由 API 路…

将Next.js部署到生产环境的最简单方法是使用Next.js的创建者提供的Vercel平台。Vercel是用于静态站点，混合应用程序和无服务器功能的云平台。 入门 如果尚未这样做…

身份验证可验证用户身份，而授权则可控制用户可以访问的内容。Next.js支持多种身份验证模式，每种模式都针对不同的用例而设计。该页面将介绍每种情况，以便您可以根据自己的限制进行选择…

在Pages文档和Data Fetching文档中，我们讨论了如何使用和在构建时预渲染页面（静态生成）。getStaticPropsgetStaticPaths 当页面从无头CMS…

Next.js支持JavaScript的ES2020动态import()。有了它，您可以动态导入JavaScript模块并使用它们。他们还与SSR合作。 在以下示例中，我们使用来实…

如果没有阻塞数据要求，则Next.js会自动确定页面为静态页面（可以预呈现）。此确定是通过在页面中缺少getServerSideProps和来getInitialProps进行的。…

next export 允许您将应用程序导出为静态HTML，该HTML可独立运行而无需Node.js服务器。 导出的应用程序几乎支持Next.js的所有功能，包括动态路由…