编辑“︁Next.js渲染概述”︁（章节）

== 基本概念 ==

Next.js的渲染策略决定了'''页面内容在何时何地被生成'''，主要分为三类：

{| class="wikitable"
|+ 渲染策略对比
|-
! 策略类型 !! 生成时机 !! 适用场景 !! 特点
|-
| '''静态生成（SSG）''' | 构建时（build time） | 内容不变的页面（如博客、文档） | 最高性能，CDN友好
|-
| '''服务器端渲染（SSR）''' | 每次请求时（request time） | 动态内容（如用户仪表盘） | 更好的SEO，实时数据
|-
| '''客户端渲染（CSR）''' | 浏览器运行时（runtime） | 高度交互的应用（如仪表盘） | 减少服务器负载，需JavaScript
|}

=== 核心差异可视化 ===
<mermaid>
graph TD
    A[用户请求] --> B{渲染策略}
    B -->|SSG| C[预生成HTML+JSON]
    B -->|SSR| D[实时生成HTML]
    B -->|CSR| E[空HTML+客户端JS渲染]
    C --> F[CDN缓存]
    D --> G[服务器处理]
    E --> H[API调用]
</mermaid>