学习有关Next.js的基础知识

首先

由于再次学习了 Next.js 是一个怎样的框架，所以我会进行总结。

Next.js 是什么？

Next.js 是一个基于 React 的框架，提供了服务器端渲染（SSR）和静态站点生成（SSG）等功能的 JavaScript 框架。Next.js 基于 React，提供了工具和功能，可以更高级地开发 React 应用程序。在 React 中，没有预渲染功能。

为什么Next.js诞生？

React本身并不适合开发大规模的网站，因为它会导致加载速度变慢。

React和Next.js的区别

React和Next.js的渲染方法有什么区别？

React使用CSR（单页应用程序）在客户端生成HTML。
Next.js在服务器端生成HTML。
⇨ 可以实现与PC硬件规格无关的屏幕渲染。

预渲染是什么？

预渲染是指提前生成仅包含HTML的页面，并在屏幕上显示，以提升用户体验。这就是它的定义。

在Next.js中，使用了SSR（服务器端渲染）和SSG（静态站点生成器）。

关于SSG

SSG是一种在构建时生成HTML文件的方法，以便能够立即响应用户请求。

由于不需要每次重新生成HTML请求，因此响应速度快，大大提升了用户体验。

如果构建了应用程序，就无法更新信息，因此不适用于需要频繁更新信息的服务（如社交网络等）。

以下是适用的服务示例：
博客、文档、电子商务网站的商品页面等。

关于SSR的事项

SSR是一种方法，它在服务器端每次从用户请求中重新生成HTML并返回响应。

由于服务器端重新生成HTML，适合于需要频繁进行信息更新的服务（如社交网络等）。

由于每次请求都需要重新生成屏幕，因此响应时间比SSR慢。

一些面向的服务示例包括社交网络（SNS）和用户个人资料等。

使用Next.js的好处

基于以上内容，总结使用Next.js的优点：
– 可以在不依赖客户端电脑的情况下进行渲染。
– 可以进行直观的路由设计。（这里没有详细讨论）
– 页面加载速度提高。
– 有助于SEO优化。

最后

如果你方便的话，因为我还写了其他的文章，希望你可以去看看。

关于基本设计
我使用Vue.js和Node.js制作了一个聊天应用程序
我将使用Next.js和TypeScript制作一个TODO应用程序