这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天
今日学习 Next.js 实战项目第五届青训营 PPT - Next.js实战项目.pptx - 飞书云文档 (feishu.cn)
主要罗列课程中涉及到的概念。对于不熟悉的概念,同学们可以提前查询预习;课中部分主要罗列一些课程需要使用的 Demo 仓库,帮助同学们跟上课程的进度;课后部分是一些问题,帮助同学们在课后梳理本课程的重点。
CSR, SSR, SSG
CSR——客户端渲染(Clinet-Side Rendering)。前后端分离,服务器压力较小,渲染在客户端进行。
SSR——服务器端渲染(Server-Side Rendering)。在浏览器中生成和操作DOM,将服务器端的响应返回给客户端。
SSG——静态站点生成(Static Site Generation)。在构建时将结果页面输出html到磁盘,每次访问将html返回给客户端,相当于一个静态资源。相较于SSR减轻了服务器daunt的压力,但每个用户访问的页面都相同。
什么是 Next.js
Next.js 客户端开发
Next.js 服务端开发
项目核心功能讲解
- SSR 实现: github.com/czm12904337…
- CMS 仓库地址:github.com/czm12904337…
- Demo 仓库地址: github.com/czm12904337…
课后
- 什么是 CSR, SSR 和 SSG?常规的 SSR 与 同构 SSR 之间有什么不同?
- 一个 SSR 框架的实现要有哪些必须的元素?
- 为什么我们需要使用 nextjs,它能帮我们解决什么问题?
- getInitialProps、getServerSideProps、getStaticProps 三者有什么异同?
- Nextjs 的 路由机制是怎样的?
- CMS 是什么?在实际的业务项目中,我们为什么需要它?
- Strapi 怎么配置发布一个接口?有哪些步骤?
- 对于多个主题的效果,我们可以通过什么渠道实现?