Next.js 实战| 青训营笔记

67 阅读2分钟

文章第一句话为“这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天
一、本堂课重点内容:

  • CSR、SSR、SSG
  • 什么是Next.js
  • Next.js客户端开发
  • Next.js服务端开发
  • 核心功能讲解

二、详细知识点介绍:

  • CSR、SSR、SSG
    • CSR:客户端渲染常见于B端开发,前后端分离,服务器压力较轻,渲染工作在客户端进行,服务器直接返回不加工的HTML。

image.png

SSR:服务端渲染。代码的耦合度高且模板语言中混杂着复杂的功能维护起来复杂困难。 image.png 同构SSR-->BFF:前后端一体化

SSG:静态站点生成会把HTML的代码直接递交给CDN,利于SEO,具有更短的首屏时间。 image.png

  • 什么是Next.js
    它是一个构建于Node.js之上的开源Web开发框架,支持基于React的Web应用程序功能,例如服务器渲染和生成静态网站。

三、实践练习例子:

  • Next.js客户端开发
  • Next.js服务端开发
  • 调试方法

四、课后个人总结:
Next.js是联系前端和后端重要的开发框架,在服务端开发和客户开发是存在区别的,需要在之后的实践过程中在经过学习和理解进一步深化个人理解,实践为重。 在听了这些课程下来给我最大的感受是个人的代码能力较弱没做过项目和相应的开发会让我对课程内容感到吃力,不止是在直播课上,在录播课的上课过程中也会发现因为个人实践经验的欠缺导致的部分内容没有深刻的体会无法个get到老师的点都是常见的现象,同时这也惊醒我实践和代码编写是我未来一段时间的努力方向。
五、引用参考:
祯民老师上课的ppt部分内容