关于next.js：reactjs与nextjs有什么区别


What is the difference between reactjs vs nextjs

我刚刚开始学习Reactjs，我对Reactjs和next.js有点困惑。它们之间有什么区别？两者都是面向组件的过程。

Nextjs可让您在服务器(SSR)上呈现React应用。如果您检查React应用程序的源代码，那么它就很空了，对于SEO问题来说并不理想。 SSR

还有其他好处

使用Nextjs，它同时在服务器和客户端上呈现。

无法比较。他们一起工作。 Nextjs"包装"反应。

React是用于构建用户界面的库。

Next.js使用React。这是服务器渲染的React应用程序的框架。

访问网站时，将执行4个步骤。
对于React JS，正在流动CSR(客户端渲染)流：

  • 服务器将响应发送到您的浏览器(页面正在加载)
  • 浏览器下载JS(页面正在加载)
  • 浏览器执行React(页面正在加载)
  • 页面现在可见且可交互(已加载页面)

    • 对于下一个JS，SSR(服务器端渲染)流正在流动：

  • 服务器将"准备渲染的HTML"响应发送到您的浏览器(页面正在加载)
  • 浏览器呈现页面的HTML并下载JS(已加载页面)
  • 浏览器执行React
  • 页面现在可以交互

    • 在所有组件创建和软件包安装中，这都是相同的。

    React完全用于客户端渲染。

    Next.js首先在服务器端渲染，然后在客户端渲染，因此Next.js支持SEO。

    对于React应用：npm start

    以及对于Next.js：npm run dev