这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天

• B端应用-内部用户使用/C端应用

• B端应用-CSR常见B端web应用开发模式，首屏时间长。html不会直接体现元素，因此不利于爬虫。

• 首屏时间：页面打开到看到页面的时间

• SSR-C端开发模式，代码耦合度高，且模板语言中混杂编程语言对于一些复杂的功能，维护困难。

• 同构SSR-前后端一体化，前后端都参与渲染，不会维护在一个文件内，在一个项目下但是在不同目录。

• BFF-服务于前端应用的后端，对下游的请求数据进行拼接、汇总交给前端展示，类似于中介层。

• next.js用来开发c端应用

• SSG-静态站点生成，在构成的时候直接把结果页面输出到html道磁盘，每次访问直接把html返回给客户端，相当于一个静态资源。 与SSR相比，可以大幅减轻服务器端的压力。

• SSR更短的首屏时间，利于爬虫。因为不需要请求大量js文件。

什么是Next.js

• 同构： 客户端做一遍，服务端再重复一遍。
• 服务器端脱水、客户端注水部分。

Next.js 是一个轻量级的 React 服务端渲染应用框架。

• reactSSR需要大量重复操作。

react特点

• 生态强大：现在没有哪个框架比React的生态体系好的，几乎所有开发需求都有成熟的解决方案。
• 上手简单: 你甚至可以在几个小时内就可以上手React技术，但是他的知识很广，你可能需要更多的时间来完全驾驭它。
• 社区强大：你可以很容易的找到志同道合的人一起学习，因为使用它的人真的是太多了。

安装node.js

上官网下载，一直next-中途将存储位置改为其他盘。

• 下载好后打开命令行窗口

• 检查一下

输入这段，下载脚手架，虽然有警告但是还是安装好了吧

新创了一个ReactDomo的文件夹

• 创建项目

成功后进入该文件，输入npm start

• 显示该页面为成功配置完成