42 lines
1.3 KiB
Markdown
42 lines
1.3 KiB
Markdown
---
|
||
id: frontend.ssr.index
|
||
title: SSR（Nuxt / Next.js）
|
||
type: index
|
||
domain: frontend
|
||
stack: [ssr]
|
||
tags: [SSR, SSG, 水合, Next.js, Nuxt]
|
||
week: [7]
|
||
---
|
||
|
||
# SSR（Nuxt / Next.js）
|
||
|
||
渲染模式和水合原理（面试常问），以及 Next.js App Router（前端出身做全栈的常见选择，BOSS直聘 2026-10-23 的调研中有岗位明确提到）。
|
||
|
||
## 学习路线
|
||
|
||
| 顺序 | 课程 | 级别 | 预计 |
|
||
| --- | --- | --- | --- |
|
||
| 1 | [渲染模式：CSR / SSR / SSG / ISR、水合、流式渲染和 Nuxt 基础](01-rendering-modes.md) | 进阶 | 2.5 小时 |
|
||
| 2 | [Next.js App Router：服务端组件、客户端组件、路由处理器做 AI 流式接口、缓存](02-nextjs-app-router.md) | 进阶 | 3 小时 |
|
||
|
||
## 企业场景
|
||
|
||
- [帮助中心 + 智能客服：SEO、渲染模式组合和 BFF 设计](scenarios/help-center.md)
|
||
|
||
## 面试题
|
||
|
||
- [SSR 与 Next.js 面试题](interview.md)
|
||
|
||
## 示例代码
|
||
|
||
- [examples/next-ai-chat](examples/next-ai-chat/)：Next.js 16 最小项目——服务端组件渲染常见问题、客户端组件对话框、路由处理器流式返回并响应断开（`npm install && npm run build` 构建通过）
|
||
|
||
## 在 16 周计划中
|
||
|
||
- [第 7 周：前端工程化查漏](../../../plan/week07-frontend.md)
|
||
|
||
## 官方资料
|
||
|
||
- Next.js：https://nextjs.org/docs
|
||
- Nuxt：https://nuxt.com/docs
|