Next.js 前端框架问世仅几年，但它已经成为 React 生态系统中最流行的工具之一。
Next.js 可以为您提供最佳的开发人员体验，包括您在生产中所需的所有功能：混合静态和服务器渲染、TypeScript 支持、智能捆绑、路由预取等等。无需任何配置要求。
Next.js 可以帮助我们提高 Web 应用程序的性能、UX 和 SEO。
Next.js 从 React、Web-pack 和 Babel 中汲取灵感。它是一种用于创建 Web 应用程序的工具，并以服务器端渲染而闻名。
具有 HTML、CSS、JavaScript 和 React 基础知识的开发人员可以快速学习并切换到 Next.js。
使用 NEXT.JS 的服务器端渲染 (SSR) 和服务器端生成 (SSG)
Next.js 之所以流行，是因为它解决了许多 Web 开发人员过去在客户端（在浏览器中）呈现的 Web 应用程序中遇到的问题。
单页应用程序 (SPA) 不需要用户重新加载，并提供了额外的交互性。SPA 有助于改善 UX。
Next.js 为 React 组件的服务器端渲染 (SSR) 提供了开箱即用的解决方案。使用 Next.js，开发人员可以在服务器上渲染 JavaScript 代码，并将简单的可索引 HTML 发送给用户。与缓存、服务器负载、按需内容或应用程序架构相关的问题需要大量调整。
Next.js 消除了所有繁重的工作，因此您可以将时间投入到应用程序的业务逻辑中。
Next.js 还可以帮助您进行静态网站生成 (SSG)——另一种对 SEO 友好的构建网站和应用程序的方式。在这种情况下，您的 HTML 生成发生在构建时，而不是在运行时。当请求页面时，用户会收到一个预制的静态 HTML 页面。这样的网站非常快，但对于需要大量用户输入的交互式 Web 应用程序来说，它不如 SSR 那么合适，因为它需要针对每个新请求进行重建。因此，对于内容类型不会根据用户操作而更改的简单应用程序（例如博客），它是更好的选择。
SSG 与 SSR
Next.JS 的其他优点
Next.js 还提供了一些优于基本 React Web 应用程序的其他优点：
- 直观的基于页面的路由系统（支持动态路由）。
- 自动代码拆分以加快页面加载速度。
- 具有优化预取的客户端路由。
- 内置 CSS 和 Sass 支持，以及对任何 CSS-in-JS 库的支持。
- 具有快速刷新支持的开发环境。
- 使用无服务器函数构建 API 端点的 API 路由。
- 完全可扩展。
创建您的第一个 Next.JS Web 应用程序
1- 先决条件：
- NodeJS
- npm/yarn（npm 已随 NodeJS 自动安装）
（对于纱线 -：在您的终端中运行给定的命令 -：
npm install -global yarn 2- 创建一个新的 next-app：
cd (path to the folder where you want to create project)
npx create-next-app project-name3- 导航到项目文件夹：
cd project-nameNext.JS 的项目结构
Next.JS 的项目模板
components : 您需要创建此文件夹来存储高阶元素。在此图片中，您可以看到 Header 和 Footer 文件夹，其中将包含 JavaScript 文件和样式文件。
pages -: 这是 Next.JS 用于创建新页面的最显着功能。我们需要 pages 文件夹内的文件夹，并在这些文件夹内包含 index.js。
路径如下：pages/page1/index.tsx
它将自动创建唯一的路径，而无需手动声明路由器。
例如，page1 文件夹将创建一个路径 /page1，即 (一个不需要手动设置路由的附加页面。)
styles: 此文件夹包含要应用/全局可用的样式表。
项目结构的其余部分与 React 项目的结构相同。具有 JavaScript/TypeScript 文件和存储 CSS 样式的文件的组件。因此，从 React 切换到 Next.JS 不会花费太多时间。
快速了解 Next.JS 的最佳方法是通读文档。
以下是可以帮助您开始项目的参考文档。
Next 文档链接：https://nextjs.org/docs
谁在使用 Next.js
还有更多网站。可以在此处查看。
这只是 Next.JS 的一个介绍，还有更多内容需要探索。
在此之前，祝您学习愉快。