这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天
B端应用:例如学校课设的开发管理平台等,供自己或内网使用
C端应用:应用在外网的实际项目,例如掘金
Next.js是用于开发C端应用的框架
一、CSR、SSR、SSG
CSR
后端不关心怎么渲染的
Response返回的没有页面的元素内容(区分B端与C端)
首屏时间:从打开网页到网页显示出元素的时间
SSR
同构SSR
BFF:可以作为前端与后端的一个中介,它并不直接操控数据库,可以把数据库返回的几个东西拼接在一起给前端,页面需要的东西可以放在BFF中,提高复用性。是一个node服务
SSG
做的事情上效果与SSR是一样的,不同在于它请求的时候不会像服务端请求,而是一开始构建的时候把所有的都放到CDN上,访问这个路由就类似于访问静态HTML一样,大幅度减轻服务器压力。但是没法用于交互,每个用户看到的都一样。
SSR、SSG的优势:
- 利于SEO:搜索引擎的原理是爬虫,如果用CSR的话HTML页面里并不会体现这个元素,而是在后面解析中再把它塞进来,这就造成了明明内容中有A但是用户搜A是搜不到的
- 更短的首屏时间
二、Next.js
同构:客户端做的事情,服务端也会原封不动的再做一遍来保证客户端和服务端的预期效果是相同的