logo

该视频仅会员有权观看

立即开通课程「Next.js 前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
Next.js 前端应用开发实践

Next.js 前端应用开发实践

Next.js 服务端的静态与动态渲染（Static _ Dynamic Rendering）

NeNext.js 前端应用开发实践
  • Nex g s默认使用静态渲染方法，预渲染组件并缓存结果，后续请求可重用这些缓存。
  • 动态渲染是在请求时才渲染组件，与静态渲染（提前编译时渲染）相反。
  • 编译nex g s应用时发生了内容列表接口请求，用于渲染生成静态页面。
  • 运行编译好的应用后，在浏览器打开内容列表页面，观察到服务端无额外渲染，显示的是编译时生成的静态页面。
  • 打开单个内容页面，服务端动态渲染页面，显示终端输出标题和接口请求日志。