Skip to content

全栈 Web 框架 ​

比较 Next.js、Nuxt、SvelteKit、React Router 和 Astro 的路由、渲染、数据与部署模型。

阅读起点 ​

学习前先阅读:JavaScript 全栈开发学习路线。

全书顺序 ​

本书按知识依赖组织。主线先建立可运行的共同模型,再进入机制、工程边界和生产约束;维护与前沿内容明确标注,不改变主线的学习顺序。

第1章|路由与渲染模型 ​

能在 CSR、SSR、SSG、岛屿和 RSC 边界上做选择。

  1. 文件路由与嵌套路由:理解路由树、参数、布局和错误边界。
  2. SSR、SSG 与 Hydration:比较生成、流式输出和客户端接管。
  3. 服务端数据与动作:组织 loader、action、server function 和缓存。
  4. 框架间迁移:识别组件、路由和数据模型的迁移成本。

第2章|全栈交付与运行边界 ​

将鉴权、缓存、部署和平台约束纳入框架选型。

  1. 请求与缓存:处理 headers、cookies、失效和边缘缓存。
  2. 前后端协作:设计 BFF、API、错误和权限边界。
  3. 部署与可观测性:比较 Node、边缘、静态和容器部署。

阅读边界 ​

本页是学习路线和专题入口,不替代专题笔记中的机制解释、可运行示例和练习。笔记尚未完成的专题会先显示为占位页;已有经验的读者可以跳到具体章节,再按前置关系回补。

路线状态 ​

本路线的目录已完成本轮架构审查;专题笔记的内容质量和来源审查另行进行。

用心记录每一步成长