第二十三章：一张总关系图，帮助你在脑中“定位岗位”

SvelteKit 轻量反应式剧场宇宙

Svelte 组件
├── $state / $derived 等反应式能力
├── 页面 UI
└── 布局 UI

路由层（src/routes）
├── +page.svelte            -> 一个具体场景
├── +layout.svelte          -> 共享舞台骨架
├── +error.svelte           -> 演出事故页
├── +page.ts                -> 通用调度
├── +page.server.ts         -> 服务端调度
├── +layout.ts              -> 通用共享调度
├── +layout.server.ts       -> 服务端共享调度
└── +server.ts              -> 独立服务台

请求边界
├── hooks.server.ts         -> 总控室
├── event.locals            -> 本次请求通行单
├── cookies                 -> 票根 / 会话凭证
└── Request / Response      -> 原生 Web 协议对象

渲染与部署
├── ssr                     -> 现场先搭舞台
├── csr                     -> 浏览器接管换景
├── prerender               -> 提前录制固定场次
└── adapter                 -> 巡演装箱方案

工程纪律
├── 不共享服务端用户变量
├── load 尽量纯
├── 表单优先 actions
├── 私密模块只留服务端
└── URL 是重要状态容器