Next.js 的正反两面

开发网站应该是一种自由的体验。

如果您使用高代码，则可以自由选择您想使用的任何框架。

内 Fathym 的可组合前端架构， 您可以使用任何 JavaScript 框架（甚至其他一些框架）来构建您网站的一个方面。然后，如果您愿意，可以使用不同的框架，或者高代码、低代码和无代码构建器的组合。

太棒了，对吧？正确的。

因此，本着传播可组合前端的精神——你可以使用它 Fathym 的新用户界面 — 我们来看看 Next.js 中的一个较新的框架。

Next.js 流行度

我们深入研究了 StackOverflow 的 2022 年开发者调查，其中他们将 最流行的框架。

虽然 Svelte 在 2021 年排名第一，但它已被 Phoenix Framework 超越，我们看到许多其他新人进入榜单，包括 Next.js。

令人惊讶的是，Next.js 是 2022 年用于前端开发的第五大流行框架，甚至超过了第六位的 React。所以，很明显人们很喜欢 Next 提供的东西。

出于多种原因，框架的流行很重要。

首先，如果您和您的团队正在从事一个长期的大型项目，您需要确保您使用的框架在整个过程中都存在。想象一下，开始一个重要的网站构建，框架突然从地球上掉下来，那将是一场噩梦。

其次，这种流行性保证了更多的开发人员知道如何使用该特定框架。如果您的第一个开发人员离开了，您应该能够用另一个团队成员来填补他们的位置。或者，对于我们的模块化前端，您可能希望同一团队中的多个团队成员了解同一框架。他们可以合作并帮助彼此建立一些特别的东西。

如果您的公司扩张，您将能够找到使用该流行框架的新开发人员。

让我们看看它是什么，它做了什么以及 Next.js 的优点/缺点。

Next.js 是什么？

Next.js 由 Vercel 的 CEO Guillermo Rauch 于 2016 年开发，目前是 12.2 版本，于 2022 年 6 月下旬发布。而且 Next.js 实际上是在 Node.js 之上编写的，因此它需要你有 Node .js 与节点包管理器 (npm) 一起使用。

Next.js 的功能之一是它在服务器端和客户端的呈现方式，也称为“通用应用程序”。这对于它构建的单页应用程序 (SPA) 以及它如何帮助这些 SPA 在 SEO（搜索引擎优化）方面取得很大成功至关重要。

正如 SEO 专家 Barry Adams 解释的那样：

“当你在没有服务器端渲染的情况下使用 React 时会发生什么，爬虫会在第一页停止，因为它看不到任何要遵循的超链接。它将页面发送到索引器，然后它必须呈现页面并提取超链接，然后将其添加到爬虫的队列中。然后爬虫最终将爬取下一组页面，并再次停止，因为在 JavaScript 呈现之前所有链接都是不可见的。所以它必须等待索引器返回一组新的 URL 来抓取，”Adams 解释说 在一篇中篇文章中。

用最简单的术语来说：SEO 对于希望通过 Google 搜索发现网站的任何人来说都是至关重要的，而 Next.js 正是在这方面提供了巨大帮助。 SPA 非常棒，因为它们快速、灵活且适应性强。但是 SPA 的一个主要缺点是，因为它们大多是客户端呈现的，所以当 Google 的爬虫查找数据时，它们也无法找到任何数据，直到它们也呈现在服务器端。

Next.js 在客户端和服务器端都呈现：网站的部分或全部呈现在服务器端，因此 Google 的爬虫可以找到信息（URL、元标记和内容等），从而将其放入搜索结果中。

“服务器端渲染 (SSR) 是一种流行的技术，用于在服务器上渲染通常只有客户端的单页应用程序 (SPA)，然后将完全渲染的页面发送到客户端，”如解释 geeksforgeeks.org。 .

为了帮助减少加载时间并将代码分解成更小的块，Next.js 确实为开发人员执行了自动代码拆分。

对于营销人员来说，改进后的 SEO 非常棒。对于企业主而言，得益于 Next.js 中的许多预制组件，可以加快网站和应用程序的上市时间。此外，由于 Next.js 有助于制作静态网站，因此提高了安全性；也没有与数据库或用户数据的连接。

Next.js 的优缺点

优点

• 在加载时间方面表现出色
• 加载时间有助于“延迟加载”和自动代码拆分
• 对开发人员的大量支持
• 出色的用户体验
• 更快的上市时间

Next.js 的缺点是

• 一些开发者觉得它太固执己见
• 多个开发人员抱怨 Next.js 如何进行路由，其他人则支持它

结论

你试过 Next.js 吗？

嗯，你可以上 今天免费使用 Fathym 平台！

如果你有，也许你想评估 Next.js 以及其他框架，如 React、Angular 或 Svelte。

或者，使用 Next.js 为一条路线（可能是您的主页）构建一个应用程序，然后在旁边使用无代码工具为另一条路线（也许是博客）使用无代码工具？对于开发人员来说，选择是无限的，所以今天就选择你自己的旅程吧。

最初发表于 https://www.fathym.com .

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/23112/51510913

标签：服务器端,框架,开发人员,代码,Next,js,正反两面
来源： https://www.cnblogs.com/amboke/p/16672610.html