Next JS与Puppeteer JS的区别

Question

我看过Google's conference on SEO，他们建议对JS构建的应用程序(React、Vue等)使用动态渲染。实现这一点的工具之一是使用Puppeteer JS。我需要创建一个严重依赖搜索引擎优化的应用程序，所以服务器端渲染(SSR)是非常重要的。

我知道Next JS默认完成SSR，但是我能用Puppeteer + Create React App做同样的事情吗？Next JS和Puppeteer在SSR和动态渲染方面有什么不同，哪一个更适合SSR？

Answer 1

总之,

Next.js是一个节点框架。你可以用它来编写代码，比如构建你的应用程序。

Pupetteer可以看作是一种工具。它与Chromium捆绑在一起，Chromium实际上是一个相当于测试环境的浏览器。您可以通过pupetteer编写测试，以使用chromium运行场景。

我已经为那些想要它的人提供了一个过于简单的解释。如果你想了解深度，Shmotam给出了一个很好的答案。

Answer 2

Nextjs和Puppeteer JS之间的区别非常非常简单。

Next Js :-它是服务器端渲染那些帮助搜索引擎优化的反应框架，优化了发现，闪电快速Delivery.so，非常简单的词是SSR。对于链接https://nextjs.org/#features

Google 是由开发的，用于像selenium这样的应用程序的端到端测试。

两者完全不同，目的也不同。

Answer 3

无头Chrome实现了服务端和客户端的“同构JS”。如果您的库不能在服务器(Node)上运行，这是一个很好的选择。lit-html就是它的一个例子，它的核心特性在浏览器之外是不能工作的。

就功能而言，差异是巨大的。

Next.js提供了一些Pupeteer没有的很好的功能。

支持CSS-in-JS

• Fetching data splitting

• Built-in component lifecycle
• splitting
• Built-in more的热重载客户端和CSS代码。

Pupeteer的一些特性：

• 生成页面的屏幕截图和PDF。
• 抓取SPA并生成预先渲染的内容(即"SSR").
• Automate表单提交、UI测试、键盘输入等。
• 创建了一个最新的自动化测试环境。使用最新的JavaScript和浏览器直接在最新版本的Chrome中运行测试，以帮助诊断性能问题。
• 和SSR

因此，您可以看到这两个工具的主要区别。Next.js固执己见，但目标是用react做SSR，并建立在这个概念上；考虑到在相对较新的情况下，使用next.js的SSR在社区中已经成熟，具有不同技术堆栈的很好的示例集。