Next.js 实战项目 | 青训营笔记

93 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 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 服务端开发

项目核心功能讲解

课后

  • 什么是 CSR, SSR 和 SSG?常规的 SSR 与 同构 SSR 之间有什么不同?
  • 一个 SSR 框架的实现要有哪些必须的元素?
  • 为什么我们需要使用 nextjs,它能帮我们解决什么问题?
  • getInitialProps、getServerSideProps、getStaticProps 三者有什么异同?
  • Nextjs 的 路由机制是怎样的?
  • CMS 是什么?在实际的业务项目中,我们为什么需要它?
  • Strapi 怎么配置发布一个接口?有哪些步骤?
  • 对于多个主题的效果,我们可以通过什么渠道实现?