何时选用

学完 Svelte、Astro、Eleventy 与 react-essentials、nextjs-essentials、vue-essentials 的对照后，选型应回到 产品形态与团队约束，而非「新框架更酷」。

学习目标

• 用决策表回答「内容站 vs 重交互应用」
• 识别不适合 Astro/11ty 的需求信号
• 把本 track 节点挂回 /roadmaps/frontend

内容站 vs 重交互

信号	倾向 Astro / Eleventy	倾向 React / Next / SvelteKit SPA
页面 90% 阅读、少表单	✅
实时协作、复杂表格编辑		✅
SEO 关键、首屏要快	✅ SSG	SSR 也可
统一设计系统 + 50+ 交互组件	岛架构	✅ 全 React/Vue
作者只会 Markdown	✅ 11ty / Astro	需 MDX 规范
已有 Spring API，前端展示	Astro 静态或 Next SSG	Next 若需同一仓全栈

内容站：博客、文档、changelog、营销落地页——默认 HTML，JS 点缀。重交互：后台、编辑器、数据可视化——runtime 框架 + 状态管理更省心。

三角决策（简版）

                    需要 React 生态组件？
                           /        \
                         是          否
                        /              \
              Next.js 全栈          要 Islands？
              或 Vite+React              /    \
                                      是      否
                                     /          \
                                  Astro      要模板极简？
                                                /    \
                                              是      否
                                             /          \
                                         Eleventy    SvelteKit

html-css-essentials 与 frontend-toolchain-essentials 是 所有分支的共同前提。

团队与维护

因素	建议
招聘	React/Vue 岗多；Svelte 需培训成本
与 platform 同仓	文档子项目 Astro，主站仍 Next
多框架遗留	Astro 收编 React/Vue 组件为岛