这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天 。

Next.js 是一个 React 框架，旨在提供轻松构建高性能 React 应用程序的方法。下面是一些 Next.js 的基础知识点。

服务器端渲染：Next.js 支持服务器端渲染，这意味着服务器可以生成 HTML，并在请求时直接将其发送到浏览器。这对于 SEO 优化非常重要，因为搜索引擎爬虫可以正确地读取服务器端生成的 HTML。

页面：Next.js 中的页面是指可以通过 URL 访问的单独的页面。每个页面都是一个独立的 React 组件，可以通过 URL 访问。

路由：Next.js 支持客户端路由，这意味着可以在客户端（浏览器）中控制 URL。

代码分割：Next.js 支持自动代码分割，这意味着它可以将代码分成若干小块，并在用户请求时动态加载这些代码块。

静态导出：Next.js 支持静态导出，这意味着可以将 React 应用程序导出为静态 HTML、CSS 和 JavaScript 文件，并可以在任何静态服务器上运行。

API 路由：Next.js

在开始使用 Next.js 之前，你需要对 React 和 Node.js 有一定的了解。安装 Next.js 的过程非常简单，只需使用 npm 安装它： python: npm install next react react-dom 接下来，创建一个 Next.js 项目的第一步是创建一个 pages 目录。在这个目录中，每个文件都代表一个可以通过 URL 访问的页面。例如，如果你创建了一个名为 about.js 的文件，则可以通过 http://localhost:3000/about 访问该页面。

Next.js 具有服务器端渲染的能力，这意味着它可以在服务器上生成 HTML 并将其发送到浏览器，而不是在浏览器中生成 HTML。这对于搜索引擎优化非常重要，因为搜索引擎爬虫可以正确地读取服务器端生成的 HTML。

Next.js 还支持自动代码分割，这意味着它可以将代码分成若干小块，并在用户请求时动态加载这些代码块。这可以显著提高代码效率与性能