App Router、RSC、数据获取与部署，对接 frontend / react 路线图并读懂本站 platform。
登录后追踪本课程进度 —登录
Next.js 是什么
React 全栈框架、与 Vite SPA 对比、在本站 stack 中的角色。
项目创建与目录
create-next-app、app/ 目录、配置与 dev 命令。
App Router 与文件路由
page/layout、动态段 [slug]、notFound、Link。
Server 与 Client 组件
RSC 默认、use client、何时拆分 Client Component。
数据获取与缓存
async Server Component fetch、revalidate、与 React Router 对比。
渲染模式 SSR / SSG / ISR
static/dynamic、force-dynamic、路线图 SSR 节点。
Route Handlers
app/api route、Request/Response、与 Spring Boot 分工。
MDX 与课时渲染
next-mdx-remote、GFM、本站课时页如何渲染 Markdown。
Tailwind 与样式
globals.css、Tailwind v4、组件样式约定。
认证与登录门控
cookie token、Server 读 session、LoginGate 模式。
读 platform 源码
对照 tracks/roadmaps 页面与 lib/api.ts 走读。
综合练习与部署
迁移 Course Explorer 到 Next；docker-essentials 部署。