元框架与全栈框架

元框架建立在 React、Vue、Svelte 等组件框架之上，负责路由、渲染模式、数据加载、构建部署和服务端能力。它们解决的不是“怎么写组件”，而是“一个完整 Web 应用如何组织和交付”。

主流框架

框架	基础生态	适用场景
Next.js	React	官网、内容站、SSR/SSG、全栈 React 应用
Nuxt	Vue	Vue 生态下的 SSR/SSG、内容站、业务应用
SvelteKit	Svelte	Svelte 全栈应用、轻量 SSR/SSG 项目
Astro	多框架	内容站、文档、博客、营销页、岛屿架构
Remix	React	强数据加载模型、服务端优先的 Web 应用
Umi	React	国内中后台、企业级路由和工程规范

渲染模式

模式	说明	适用场景
CSR	浏览器端渲染，服务端只返回静态入口	内部后台、登录后应用
SSR	请求时在服务端渲染 HTML	SEO、首屏性能、动态内容
SSG	构建时生成静态 HTML	文档、官网、博客、营销页
ISR / 增量生成	静态页面按策略更新	内容频繁变化但不需要每次实时渲染
Islands	页面大部分静态，局部组件激活	内容站和性能敏感页面

选型

React 项目需要 SSR、文件路由、服务端接口和成熟托管生态时，优先看 Next.js。Vue 项目需要类似能力时，优先看 Nuxt。内容站、文档和营销页如果交互较少，应重点评估 Astro，因为它能减少默认发送到浏览器的 JavaScript。

Umi 在国内中后台项目中常见，适合已有 Ant Design、权限、菜单、路由约定和企业工程规范的团队。Remix 更强调 Web 标准和服务端数据模型，适合愿意围绕它的约定组织应用的项目。

注意点

元框架会影响部署方式。SSR 应用需要 Node.js 服务、Serverless 或边缘运行环境；SSG 可以直接部署到 Nginx、对象存储或 CDN。选型前要确认团队是否能维护对应运行时，而不是只看开发体验。

现象	检查点
本地正常线上失败	SSR 运行环境、环境变量、Node.js 版本
SEO 不生效	页面是否真实 SSR/SSG，是否被客户端异步渲染覆盖
构建时间过长	页面数量、静态生成策略、远程数据请求
缓存混乱	HTML、数据接口、CDN 和浏览器缓存层级