Next.js 的 SSR（服务端渲染）怎么做？和 SSG 的区别？

SSR 在每次请求时在服务端渲染页面，适合内容频繁变化、需实时数据的页面。

App Router：fetch 用 { cache: 'no-store' } 或不缓存即走 SSR。
Pages Router：导出 getServerSideProps：

export async function getServerSideProps(ctx) {
  const data = await fetchRealtime(ctx.req)
  return { props: { data } }   // 每次请求都执行
}

SSR vs SSG：

• SSG：构建时生成，极快、可 CDN 缓存，但内容固定（可用 ISR 折中）
• SSR：请求时生成，实时但每次有服务端开销、TTFB 略高

同分类其他题目