这是我参与「第五届青训营 」笔记创作活动的第7天。今天老师带我们学习了Next.js，首先给我们讲述了CSR，SSR，SSG三者的区别，CSR（Clint Side Render）客户端渲染，就是服务端指把页面的内容全部发给客户端，然后在客户端浏览器执行JS代码，能够显著降低服务器的压力。SSR（Server Side Render）服务端渲染，顾名思义就是服务端把包括JS在内的代码执行完后，将完整的HTML页面发送给客户端，这样做的好处有减少快网页的首屏时间，还有就是由于返回的是完整的页面，所以页面有完整的关键词，利于SEO，这也是C端页面最需要的东西，因为搜索引擎爬虫会从服务端取得页面并分析，所以SSR的SEO排名会显著的比CSR要高。SSG就是在服务端渲染后把完整的静态代码交给客户端，因此，SSG不能做到客户端服务端交互的操作。Next.js是由React发展而来的框架，它的优势在于，在写SSR代码的时候，React需要服务端代码和客户端代码都要实现（这个叫做SSR同构），非常繁琐，而Next.js帮我们把这个过程简化，让我们能够专注于业务代码，并且这样对于新手也比较友好。我们在写项目的时候，需要利用CMS来对我们的网页进行管理，这样可以使得开发与网页内容的维护不需要过多的交流就能够进行，提高管理和开发的效率，这里就可以运用到Strapi，老师在课上详细的给我们介绍了这个CMS框架的使用，容易上手，代码也不需要过多的去修改就能够使用。今天课上的内容几乎涵盖了我们此次大作业的需求，所以接下来的时间我们就要开始就Next.js与Strapi的实际使用的细节开始入手学习和实战了。
