Next.js中文文档官网

Next.js这是一个用于生产环境的React 框架，是一个React服务端渲染应用框架，Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

一、为什么要使用Next.js

要从头开始使用 React 构建一个完整的 Web 应用程序，需要考虑许多重要的细节：

1、必须使用打包程序（例如 webpack）打包代码，并使用 Babel 等编译器进行代码转换。

2、你需要针对生产环境进行优化，例如代码拆分。

3、你可能需要对一些页面进行预先渲染以提高页面性能和 SEO。你可能还希望使用服务器端渲染或客户端渲染。

4、你可能必须编写一些服务器端代码才能将 React 应用程序连接到数据存储。

一个 框架 就可以解决上述这些问题。但是，这样的框架必须具有正确的抽象级别，否则它将不是很有用。它还需要具有出色的“开发人员体验”，以确保您和您的团队在编写代码时拥有出色的体验。

二、Next.js的内置功能

Next.js 具有同类框架中最佳的“开发人员体验”和许多内置功能。列举其中一些如下：

1、直观的、 基于页面 的路由系统（并支持 动态路由）

2、预渲染。支持在页面级的 静态生成 (SSG) 和 服务器端渲染 (SSR)

3、自动代码拆分，提升页面加载速度

4、具有经过优化的预取功能的 客户端路由

5、内置 CSS 和 Sass 的支持，并支持任何 CSS-in-JS 库

6、开发环境支持 快速刷新

7、利用 Serverless Functions 及 API 路由 构建 API 功能

8、完全可扩展

Next.js 被用于数以万计的的网站和 Web 应用程序，包括许多世界上许多最大的品牌都在使用 Next.js。