React Server Components 实战：从客户端渲染到 SSG 的完整迁移

背景

Next.js 16 + React 19 已经全面拥抱 Server Components。但很多教程和模板还在用老写法：客户端 fetch 数据 + dangerouslySetInnerHTML 注入 HTML。

这篇文章记录我如何把一个真实项目从客户端渲染迁移到 SSG，包括完整的代码对比。

迁移前的代码

老写法：客户端 fetch + innerHTML

``tsx

// src/app/page.tsx (旧)

export default function Home() {

return (

加载中...

)

}