zhuangang/topics/frontend/ssr/index.md

id, title, type, domain, stack, tags, week

id	title	type	domain	stack	tags	week
frontend.ssr.index	SSR（Nuxt / Next.js）	index	frontend	ssr	SSR SSG 水合 Next.js Nuxt	7

SSR（Nuxt / Next.js）

渲染模式和水合原理（面试常问），以及 Next.js App Router（前端出身做全栈的常见选择，BOSS直聘 2026-10-23 的调研中有岗位明确提到）。

学习路线

顺序	课程	级别	预计
1	渲染模式：CSR / SSR / SSG / ISR、水合、流式渲染和 Nuxt 基础	进阶	2.5 小时
2	Next.js App Router：服务端组件、客户端组件、路由处理器做 AI 流式接口、缓存	进阶	3 小时

企业场景

• 帮助中心 + 智能客服：SEO、渲染模式组合和 BFF 设计

面试题

• SSR 与 Next.js 面试题

示例代码

• examples/next-ai-chat：Next.js 16 最小项目——服务端组件渲染常见问题、客户端组件对话框、路由处理器流式返回并响应断开（npm install && npm run build 构建通过）

在 16 周计划中

• 第 7 周：前端工程化查漏

官方资料

• Next.js：https://nextjs.org/docs
• Nuxt：https://nuxt.com/docs