Next.js - 概述

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

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

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

• 自动路由 - 无需配置任何 URL 用于路由。文件需要放在 pages 文件夹中。所有 URL 都将映射到文件系统。可以进行自定义。

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

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

• Node 生态系统 - Next.js 基于 React，与 Node 生态系统很好地融合。

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

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

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

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

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