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

SAZZM
87 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天 今天又是长见识的一天，对nextjs有了更深刻的理解，关注到了strapi这个cms工具，回忆之前做过的项目，要是早点知道这个就好了。

课程目标

B端：面向企业内部 C端：面向全互联网

image.png

CSR,SSR,SSG

CSR(Client-Side Rendering)

image.png

SSR(Server-Side Rendering)

image.png

同构SSR

BFF(Backend for frontend)

不直接操作数据库 对数据进行拼接汇总 作为前后端的中介 可提高项目可维护性 image.png

SSG(Static Site Generation)

image.png

什么是nextjs

image.png

nextjs客户端仓库

image.png

各个模式

客户端注入：useEffect

image.png

image.png

image.png

image.png

image.png

image.png

image.png

header的修改

image.png

css适配

image.png

大图优化

image.png

服务端debug

  1. 直接在vscode里用菜单改
  2. npm run debug 在浏览器里改

cms

image.png

文章页属性

image.png

avatar
文章
阅读
粉丝