SSG 渲染与客户端内容加载

服务端负责稳定地渲染预览内容,客户端负责在登录后把正文升级成完整内容。

服务端渲染 MDX

课程页面在 SSG 阶段会先渲染一部分内容,用于首屏展示和 SEO。

这里使用 next-mdx-remote/rsc 在服务端渲染 MDX,页面组件可以直接调用共享内容服务获取内容。

这一阶段的核心思路是:

  • SSG 页面预渲染“部分内容”
  • 页面首屏可以直接输出 HTML
  • 用户未登录时只看到预览内容
  • 用户登录后,再通过客户端补全完整内容

这样既保留了静态渲染的优势,也能实现登录后查看完整内容的能力。

登录后客户端组件渲染全部内容

登录后查看完整方案说明

当前仅展示《SSG 渲染与客户端内容加载》的部分内容。页面加载时会自动弹出登录框,若你刚刚关闭了它,点击下面按钮可继续查看完整说明。