Next.js - 概述

Next.js 是基于 React 的框架，具有服务器端渲染功能。它非常快并且 SEO 友好。

使用 Next.js，您可以轻松创建基于 React 的强大应用程序并对其进行测试。以下是 Next.js 的主要功能。

• 热代码重新加载- Next.js 服务器检测修改的文件并自动重新加载它们。

• 自动路由- 无需配置任何 url 进行路由。文件将放置在页面文件夹中。所有 url 都将映射到文件系统。可以进行定制。

• 组件特定样式- styled-jsx 提供对全局以及组件特定样式的支持。

• 服务器端渲染- React 组件在服务器上预渲染，因此在客户端上加载速度更快。

• Node 生态系统- 基于 React 的 Next.js 与 Node 生态系统很好地结合在一起。

• 自动代码分割- Next.js 使用所需的库渲染页面。Next.js 不是创建单个大型 JavaScript 文件，而是创建多个资源。加载页面时，仅加载所需的 javascript 页面。

• Prefetch - Next.js 提供了 Link 组件，用于链接多个组件，支持 prefetch 属性以在后台预取页面资源。

• 动态组件- Next.js 允许动态导入 JavaScript 模块和 React 组件。

• 导出静态站点- Next.js 允许从您的 Web 应用程序导出完整的静态站点。

• 内置 Typescript 支持- Next.js 用 Typescript 编写，并提供出色的 Typescript 支持。