nextjs

[vieyahn2017]

https://juejin.cn/post/6844903666906824718

Next.js踩坑入门系列 (一) Hello Next.js (二) 添加Antd && CSS (三) 目录重构&&再谈路由 (四) Next.js中期填坑 (五) 引入状态管理Redux (六) 再次重构目录 (七) 其他相关知识

[vieyahn2017]

https://github.com/luffyZh/next-antd-scaffold A simple scaffold based on Next.js for quick use with ant-design, redux, redux-saga, fetch and pm2. 个基于 Next.js 的简易脚手架，内含ant-design、redux、redux-saga、fetch以及pm2，从开发到部署一站式服务。

[vieyahn2017]

SSR（Server side rendering）：服务端渲染把数据的初始请求放在了服务端，服务端收到请求后，把数据填充到模板形成完整的页面，由服务端把渲染的完整的页面返回给客户端。

CSR（Client side rendering）：客户端渲染，即客户端发起HTML网页请求时，服务器不做任何处理，直接返回静态的HTML文件。客户端收到后，执行JavaScript，生成DOM，插入HTML页面，完成最终页面的绘制。

同构渲染（Isomorphic render）：前后端同构是指在前后端维护同一份代码。它是在SPA的基础上，利用服务端渲染（SSR）直出首屏，解除单页面应用（SPA）在首屏渲染上面临的窘境。明确地说，同构是将传统的纯服务端直出的首屏优势和SPA的站内体验优势结合起来，以取得最优解的解决方案。

[vieyahn2017]

https://zhuanlan.zhihu.com/p/548513069 使用 NextJS 的主要原因是什么?

　　1. 编码简单

　　NextJS 比 React 和其他框架更容易编码。它非常简单，开发人员只需要创建一个页面，然后将其链接到页眉中的组件，从而减少了编码并提高了项目管理和可读性。

　　2.速度

　　NextJS 支持两种类型的渲染：SSR 和静态生成，这可以加速使用 NextJS 构建的应用程序，因为它是一种更好、更智能的数据处理方式。

　　但是，在服务器处理请求之前，服务器端渲染 (SSR) 会很快，而静态生成会很快，因为它是从 CDN 提供的。此外，其原生图像优化功能显着提高了其性能。

　　3. 快速渲染

　　它具有快速渲染功能，因此，当你刷新页面时，你对文件所做的任何更改都将立即可见。由于其快速渲染，该组件可以即时渲染，从而更容易查看编辑。

　　4.改进的图像优化

　　它改进了图像优化，这意味着图像可以调整大小并以 WebP 等格式提供。

　　React 与 NextJS 有什么区别?

　　NextJS VS React两者都是重要的构建模块，都是让网络变得更快的有益工具。它采用具有更高性能、更快生产率和更低开发成本的应用程序。

　　NextJS 通过提供两种渲染服务：服务器端渲染 (SSR) 和静态网站以及其他工具，使创建 Web 应用程序变得简单，它的代码也很简单，从而提高了可读性，它包括改进的图像优化和 SEO 组件。

　　然而，React 与其他替代品如 VueJS 和 Angular 不同，因为它建立在 Javascript 框架之上，这使得它更受欢迎。

[vieyahn2017]

区分

nextjs nestjs

[vieyahn2017]

前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify https://blog.csdn.net/xgangzai/article/details/121600881