Prerendering & Cache

Rendering Method	Behavior	Best Use Case	Next.js API
SSR	Server generates a new HTML page on every request	Dynamic, frequently updated data	`fetch(...)`
SSG	Pre-built static HTML served from cache	Static content (blogs, docs)	`fetch(..., { cache: "force-cache" })`
ISR	Statically generated pages revalidated at intervals	Content that updates periodically but doesn’t require real-time updates	`fetch(..., { next: { revalidate: X } })`
CSR	Browser renders content after downloading JS	Highly interactive apps with minimal SEO concerns	`fetch()` in `useEffect()`

标准 SSG/SSR 流程：全静态（无 dynamic API）或全动态（有 dynamic API）

export const dynamic = 'force-static' // 全静态
export const dynamic = 'force-dynamic' // 全动态

静态组件 在构建时被预渲染，组成那个 HTML Shell；
动态组件（调用了运行时 API）会被标记为“动态”，在同一个 GET 请求里通过 React 的流式 SSR（streaming）逐块下发并插入到 <Suspense> 边界里。
整个过程只有一次 HTTP 请求，不会再发额外的 round‑trip；静态 Shell 和动态 chunk 都是在这次流里发完的。

Static Rendering

(build time or through revalidation): 同一个页面有些地方是预渲染成static内容

Dynamic Rendering

(using dynamic APIs): HTML is generated at request time

A component becomes dynamic if it uses the following APIs: