这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
重点内容
在本次课程中，我们主要关注的内容为next.js的基础知识。
知识点介绍
Next.js 是一个轻量级的react服务端渲染框架，提供构建块来创建 Web 应用程序。
服务端渲染（SSR）/客户端渲染（CSR）/同构渲染的优缺点
服务端渲染(SSR)的优缺点
优点
前端渲染时间快，浏览器只需直接渲染服务端处理后的html,首屏时间短；有利于SEO。服务端有完整的html页面，所以爬虫更容易获得信息，更利于搜索引擎优化；无需占用客户端资源，模板解析由后端完成，客户端只需解析标准的html页面，这样对客户端的资源占用更少；后端生成静态化文件。即生成缓存片段，减少数据库查询时间。
缺点
耦合度高，不利于前后端分离，开发效率很低；占用服务器端资源；
客户端渲染（CSR）的优缺点
优点
节省后端资源;多端渲染;低耦合前后端分离，大大提升开发效率;局部刷新等
缺点
首屏性能差；白屏时间过长；无法进行seo优化
同构渲染
前后端同构是指在前后端维护同一份代码。 它是在SPA的基础上，利用服务端渲染（SSR）直出首屏，解除单页面应用（SPA）在首屏渲染的不足。
同构渲染就是实现了ssr和spa两种技术的结合，同时可以最大限度的重用代码（同构），减少开发维护成本。
next.js
渲染流程
优点
轻松搭建React项目架构；自带数据同步策略；配置灵活。
个人总结
在了解next.js基本知识后还要通过实践来熟悉理解框架。
