Next.js已经出来了很长时间，但是我从来没有机会观看此框架。
我曾经使用Create-React-App来创建React项目。但是，CRA太难使用了。今天，我花了一些时间浏览了Next.js的官方网站，发现它非常简单。
尽管Next.js始终被称为SSR框架，但实际上，Next.js也提供了许多功能，例如官方网站：
因此，Next.js更像是一个框架，包括一系列功能，例如路由，优化和SSR。
像Create-react-app一样，Next.js具有创建next-app脚手架。
使用上述命令后，您可以使用Next.js框架创建一个React项目。
Next.js还使用名称协议的路线提供了一个路由系统
使用组件进行路线跳跃
有时您需要跳到外部链接，可以使用标签。
静态资源最常用的是图片。Next.js提供替换的组件。
组件的优点是它可以改善网页加载的性能。您可以自动按需加载。当图片进入视图时，加载图片。
除了相对路径简介外，您还可以将图片放下，然后使用“绝对路径”引入。
网页上的元数据主要指元素中的内容。Next.js直接提供了包装这些元数据的组件。
优点是您可以在不同的页面组件中编写不同的元数据。
样式几乎是相同的。使用CSS模块命名。否则，需要将其他CSS文件引入CSS样式。
应该注意的是，全球样式简介只能在root文件中引入。
上述操作是相同的。
终于来到Next.js最自豪的Pre -Rendering.next.js提供了三种渲染方法：
客户端渲染实际上是一个场景，我们经常看到它的前端和后端：只有一个HTML，我们可以渲染页面的JS。
因为您需要等待加载到JS然后渲染页面，因此此渲染方法存在以下缺点：
智能前端 - 端程序员思考：访问URL时，我将数据直接放在HTML上，然后搜寻器可以直接获取页面信息以解决SEO的问题。优先使用数据来解决太长白屏幕的问题。
因此，前渲染是SSG和SSR。
静态生成将在构建时间的产品期间直接编写HTML的数据，因此通常这些数据主要是静态和固定的。
出来此功能，并在构建时间时获得数据逻辑。
在正常情况下，我们很少使用静态数据。通常，动态数据主要基于动态数据。每次更新数据时，都不可能再次打包它。因此，有一个服务器端渲染。
服务器端渲染将执行一个数据，以获取并生成HTML，每次请求此URL时，将HTML到前端。
看到这一点，您可能会考虑下一步和上一个php和JSP之间有什么区别？这是所有呕吐html.next.js ssr实际上是相同的渲染，也就是说，一组代码的末端是执行。有关具体差异，请阅读此答案
与静态生成类似，服务器端渲染也具有相应的功能。
SO称为的动态路由可以生成这样的路线，并且可以是帖子的ID。仅需要编写命名。
在页面组件文件中，您可以使用以前的参数：
其中，该路线是匹配的，并且完全匹配。
除了正常编写页面外，有时我们还需要提供API接口，可以将其添加到下一个文件中，并且文件名是API名称。
注意：无法在Hehe中添加获取数据，因为它们仅在服务器大小上运行，不要在客户端上运行，并且应使用助手功能获取数据。
API代码将不在客户端的束中。
部署此部分。JS建议使用Vercel部署。
因为Vercel本身将服务Next.js，因此您只需要连接到GitHub Repo即可一键部署它。
总结一点，Next.js提供以下功能：