这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天
本堂课课程大纲
- CSR, SSR, SSG
- 什么是 Next.js
- Next.js 客户端开发
- Next.js 服务端开发
- 项目核心功能讲解
详细知识点
CSR, SSR, SSG
CSR：客户端渲染(Client- Side Rendering)。常见B端WEB应用开发模式，前后端分离，服务器压力相对更轻，渲染工作在客户端进行，服务器直接返回不加工的HTML用户在后续访问操作
（SPA:单页面应用,它所需的资源(HTML CSS JS等)，在一次请求中就加载完成，不需刷新地动态加载，首屏时间更长）
SSR：
SSG：静态站点生成(Static Site Generation)， 在构建的时候直接把结果页面输出html到磁盘，每次访问直接把html返回给客户端，相当于一个静态资源 （CDN：建立并覆盖在Internet之上，由分布在不同区域的边缘节点服务器群组成的分布式网络。）
什么是Next.js
Next.js是一个构建于Node.js之上的开源Web开发框架，支持基于React的Web应用程序功能，例如服务端渲染和生成静态网站。
Next.js客户端开发
CMS仓库地址: github.com/czm1 290433700/nextjs-cms Demo仓库地址: github.com/czm12904337…
- Next.js初始化
- 数据注入
- getlnitialProps
- getServerSideProps
- getStaticProps
- CSS Modules
- Layout
- 文件式路由
- BFF层的文件式路由
- 路由跳转
- header的修改
- 多媒体适配---- CSS适配
- 多媒体适配---- JS适配
- 大图优化一webp
Next.js服务端开发
- BFF层开发
- 调试
- Stiapi
课后个人总结
经过本堂课的学习，首先了解到了CSR, SSR, SSG各自的特点以及应用场景，还初步熟悉了Next.js这个框架，跟着老师的Next.js实战开发初步了解到Next.js开发的流程以及要注意的问题。这堂课对于我来说，具有很大的指导意义，可以说是带我入坑了Next.js和SSR。
