第十二章：SSR / SSG / Hybrid —— 直播、预录、混播，不是一个按钮三种魔法

Nuxt 最强的一层，就是它把渲染模式做成了工程决策，而不是营销词。

#1. SSR —— 直播播出

官方介绍里强调，Nuxt 默认就带 SSR。

你可以把它理解成：

每次观众打开页面
→ 演播中心现场生成这一期节目画面
→ 再送到浏览器

优点：

• 首屏友好
• SEO 友好
• 弱设备体验更稳

适合：

• 内容站
• 电商详情
• 后台首屏
• 登录态强页面

#2. SSG / Prerender —— 预录成片

官方文档里给出：

npx nuxt generate

Nuxt 会在构建时预渲染页面，并把结果输出到 .output/public。

这就像：

节目先录好
→ 导出成片
→ 上线时直接播成品

适合：

• 落地页
• 文档站
• 品牌官网
• 变化不频繁的内容页

#3. Hybrid —— 一部分直播，一部分预录

Nuxt 官方把这层能力和 Nitro 的 routeRules 放在一起讲，这才是现代 Nuxt 真正有价值的地方。

// nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true },
    '/api/*': { cache: { maxAge: 60 * 60 } },
    '/old-page': {
      redirect: { to: '/new-page', statusCode: 302 }
    }
  }
})

你可以把它理解成：

首页 → 预录
某些接口 → 缓存一小时
旧节目页 → 跳转新栏目
其他页面 → 继续直播生成

这不是“Nuxt 既支持 A 又支持 B”。

而是：

Nuxt 允许你对不同路由做不同播出策略。

这就比“全站一刀切 SSR”或者“全站一刀切静态”高一个层级了。