详细文字内容
一句话速查表
找到你的那行了吗?往下看详细分析。
先搞清楚你要建什么,再选用什么
很多人选框架的第一步是去对比框架。这是错的。
第一步应该是搞清楚你要建什么类型的站。写博客和做电商对框架的要求完全不同——博客追求打开速度和搜索排名,电商需要购物车和支付功能。
我把常见需求归纳成了 13 种站点类型 + 5 种行业场景。先找到你的类型,答案就出来了大半。
13 种站点类型,对号入座
1. 博客 / 个人站
写文章为主,追求阅读体验和搜索排名。
WordPress 官网——不写代码也能建站
- 不会写代码:WordPress(内容管理系统)。全球 43% 的网站都用它,六万多个免费插件,装好就能写文章。白宫官网、BBC、索尼音乐都在用
Astro 官网——页面只有 9KB 代码,速度极致
- 追求极致速度:Astro(静态网站生成器)。生成的页面只有 9KB 的代码(对比 Next.js 要 463KB),打开快意味着搜索排名更好。2026 年 1 月被 Cloudflare(全球最大的网络基础设施公司之一)收购,仍然免费开源,约 6 万 Stars(GitHub 上的点赞数,代表受欢迎程度)
- 会写 React(一种前端编程语言):Next.js(React 全栈框架)+ Content Collections(内容管理模块)。14 万 Stars,Netflix、TikTok、Uber 都在用
- 会写 Vue(另一种前端编程语言):Nuxt 4(Vue 全栈框架)+ Nuxt Content
2. SaaS 应用(在线软件服务)
有用户登录、数据面板、付费功能的在线产品。
Next.js 官网——Netflix、TikTok、Uber 都在用
- 最完整的免费起手底座:Next.js + next-forge(Vercel 官方出品的起手模板)。登录认证、在线支付、邮件发送、数据分析、搜索优化、文档站、界面组件库全部内置,约 7000 Stars
- 极简起步:Next.js + Vercel saas-starter。约 16000 Stars,Stripe(在线支付服务) 开箱即用
- 不想被 Vercel(一家云平台公司)绑定:React Router v7(路由框架)+ Cloudflare D1(数据库)。用的是 Web 标准接口,换平台更容易
- 会写 Vue:Nuxt 4 + supanuxt-saas
- 会写 Svelte(一种编译型前端语言):SvelteKit + CMSaasStarter——Svelte 生态里唯一的 SaaS 模板
- 想用 React 但不想用 Next.js:Open SaaS(基于 Wasp 框架)。约 15000 Stars,含支付 + AI + 管理后台
- 企业级需要统一登录:BoxyHQ。支持 SAML SSO(企业级统一登录协议)+ 操作审计
3. 电商
卖东西,需要商品展示和在线支付。
Medusa 官网——3.5 万 Stars 的开源电商后端
- 不会写代码:WooCommerce(WordPress 的电商插件)。全球 40% 以上的电商网站在用,装好 WordPress 再装 WooCommerce 插件,就有了完整的商品管理、购物车和支付功能,不用写一行代码
- 已有 Shopify 店铺,要更快的前端:Shopify Hydrogen(Shopify 官方前端框架)
- 完全自建,团队写 JavaScript:Medusa v2(开源电商后端)。约 35000 Stars,MIT 许可(最宽松的开源协议,可随意商用)
- 完全自建,团队写 Python:Saleor(企业级电商后端)。约 23000 Stars
- 团队写 Vue:Nuxt 4 + Medusa v2,Nuxt 官方有集成模块
4. 文档站
技术文档、接口说明、知识库。
- 在 Next.js 生态里:Fumadocs(文档框架)。约 12000 Stars,2025 年增长最快
- 需要版本管理和多语言:Docusaurus(Meta 公司维护的文档框架)。约 65000 Stars
- 要最快的页面:Starlight(Astro 官方的文档主题)。默认不加载 JavaScript
- 在 Vue 生态里:VitePress
- 纯静态、几千页文档:Hugo(用 Go 语言写的静态网站生成器)。约 89000 Stars,几千页文档几秒钟就构建完
5. 目录 / 导航站
收录和展示条目,比如工具目录、资源导航。
Payload CMS 官网——唯一能嵌入 Next.js 的 CMS
- 需要后台管理界面(偏开发者):Next.js + Payload CMS(可以直接嵌入 Next.js 的内容管理系统)。Figma(设计工具公司)2025 年收购后仍保持 MIT 开源,约 43000 Stars。适合愿意写代码定义数据模型的开发者
- 需要后台管理界面(偏运营):Strapi 5(拖拽式内容管理系统)。约 73000 Stars,非技术编辑用起来更顺手。注意:从 Strapi 4 升级到 5 有数据风险,新项目直接用 5 没问题
- 极简,不需要后台:Astro + Content Collections(用文件管理内容,不需要数据库)
6. 落地页 / 营销站
展示产品或服务,引导用户转化。
- 追求速度:Astro。9KB 对比 463KB,搜索引擎更喜欢快的页面
- 和 SaaS 产品同一套代码:next-forge 自带营销站模块
7. 综合站(多功能组合)
博客 + 目录 + 会员 + 邮件订阅等多种功能。
- 首选:Next.js + next-forge + Content Collections
- 需要强大的后台管理:Next.js + Payload CMS
- 内容为主,交互为辅:Astro + Cloudflare D1(Cloudflare 的边缘数据库)
8. 纯后端接口
不做网页,只提供数据接口给手机 App 或其他前端用。
Hono 官网——边缘计算的轻量选择
- 边缘计算(让服务器离用户更近):Hono(超轻量后端框架)。只有 14KB,约 26000 Stars
- 主流选择:Fastify(约 36000 Stars,比老牌的 Express 快 2-3 倍)
9. 作品集
展示设计作品、文章、项目经历。
- 追求速度:Astro + 作品集主题
- 不会写代码:WordPress + 作品集主题
10. 社区论坛
- 大规模社区:Discourse(开源论坛系统)。约 47000 Stars,论坛领域绝对霸主
- 轻量省钱:Flarum。用 PHP 写的,普通主机就能跑
11. Wiki / 知识库
- 最现代:Wiki.js,约 29000 Stars
- 类似 Notion 的体验:Outline,约 39000 Stars
12. 管理后台 / 内部工具
- React 技术栈:Refine(后台生成框架),约 35000 Stars,MIT 许可
- 最老牌最成熟:React Admin,约 27000 Stars,2016 年至今
13. AI 应用
- AI 对话类:Vercel AI Chatbot(AI 聊天模板),约 20000 Stars
- 部署在 Cloudflare:agents-starter(Cloudflare 官方 AI 助手模板)
行业专用平台:不用从零搭建
有些需求根本不用选框架——已经有做好的完整平台,部署上去就能用。
Cal.com 官网——部署就能用的预约系统
预约排期:Cal.com,约 46000 Stars。就是你自己部署一个类似 Calendly(在线预约工具)的系统。支持团队排班、网页嵌入预约组件、Stripe 收款。
Plane 官网——5.3 万 Stars 的 Jira 开源替代品
项目管理:Plane,约 53000 Stars。界面像 Linear(一款流行的项目管理工具),功能接近 Jira。任务看板、冲刺管理、文档协作,全部开源。
网站分析:Umami,约 37000 Stars,MIT 许可。不追踪用户隐私的网站访问统计工具,可以替代 Google Analytics(谷歌分析)。不需要 Cookie(网站追踪技术),一键部署。
邮件列表:Listmonk,约 22000 Stars。一个程序就能发百万封邮件的工具,用来做 Newsletter(定期邮件推送)。
表单问卷:Formbricks,约 13000 Stars。自己部署的 Typeform(在线表单工具)替代品。
短链管理:Dub,约 24000 Stars。自己部署的 Bitly(短链接工具)替代品,带链接点击分析。
在线教育:Moodle,全球 3 亿用户使用的在线课程管理系统。
怎么从几个方案里挑最适合的:7 维度打分
同一种站点类型经常有好几个方案。怎么挑?
不靠感觉,靠打分。 每个方案按 7 个维度各打 1 到 10 分,乘以权重算总分,分高的就是最适合你的。
权重会跟着你的情况变——独立开发者「团队适配」权重提到 25%(一个人学不了太多新东西);赶时间的人「开发效率」权重提到 15%。
举个例子:一个会 Vue 的开发者想做电商。
- Nuxt + Medusa:需求匹配 9 分,团队适配 9 分(Vue 完全匹配),总分 8.2
- Next.js + Medusa:需求匹配 9 分,团队适配 5 分(要从头学 React),总分 7.6
差距不在框架好不好,在于和你匹不匹配。
谁在维护这些框架
框架的长期生存不取决于 Stars 多少,取决于背后有没有人持续投入。
框架维护主体的四个级别——从企业主导到社区驱动
T4 不代表差——Hugo 有 89000 Stars,构建速度全网最快。但做五年以上的长期产品,T1 和 T2 会让你更放心。
避坑清单
以下不是「绝对不能用」,而是「2026 年选型时需要特别注意的风险」:
最后说一句
技术选型没有「唯一正确答案」。上面的推荐是基于 2026 年中的社区共识、GitHub 数据和实际使用反馈整理的,它是一个起点,不是终点。
每个项目的情况不一样——你的团队技术背景、预算、时间、长期规划都会影响最终选择。如果你看完之后还不确定,最好的办法是花半天时间试跑两三个候选方案,亲手感受一下,比看任何评测都准。
框架每年都在变,但选型的思路不会变:先搞清楚需求,再按维度打分对比,最后选那个「和你最匹配」的。
我把调研做成了一个选型工具
网站技术选型助手——一个 Claude Code Skill(让 AI 编程助手获得新能力的插件)。
你告诉它要建什么站、技术背景是什么,它会搜索最新数据验证每个框架的状态,然后输出一份 3000 字的选型报告:5 个推荐方案排名 + 7 维度评分 + 横向对比 + 启动命令。
如果你装了 Claude Code(Anthropic 公司的 AI 编程助手),直接输入斜杠命令调用这个 Skill:
/aaron-dev-stack-selecting 我要建一个 [博客/SaaS/电商/...],技术背景 [React/Vue/不写代码]
或者用自然语言触发(说「技术选型」「选框架」「建站选型」都能触发):
技术选型:我想建一个 AI 工具导航站,会 React,一个人做,时间充裕
Skill 会自动走 5 个步骤——理解需求 → 搜索验证最新数据 → 量化评分 → 和你研讨 → 输出 3000 字选型报告。
下载资源
📎 aaron-dev-stack-selecting.zip
📊 本页表格(2 张,从原数据库还原)
| 首选方案 | 它是什么 | 你想做什么 | 关键数据 |
|---|---|---|---|
| WordPress(内容管理系统) | 不用写代码就能建站,有可视化编辑器 | 写博客(不会代码) | 全球 43% 的网站在用 |
| Astro(静态网站生成器) | 页面几乎不加载多余代码,打开极快 | 写博客(追求速度) | 被 Cloudflare 收购,6 万 Stars |
| Next.js + next-forge(全栈应用框架 + 起手模板) | 用户系统、付费、邮件全部内置 | 做 SaaS 产品 | Vercel 官方维护 |
| WooCommerce(WordPress 电商插件) | 装好就能卖东西,不用写代码 | 开网店(不会代码) | 40% 电商网站在用 |
| Medusa(开源电商后端) | 商品管理、购物车、支付全套 | 开网店(会写代码) | 3.5 万 Stars |
| Fumadocs / Docusaurus(文档生成器) | 专门做文档网站的工具 | 写技术文档 | 1.2 万 / 6.5 万 Stars |
| Next.js + Payload CMS(内容管理系统) | 有后台管理界面,方便录入工具信息 | 做工具导航站 | Figma 收购,4.3 万 Stars |
| Astro | 页面只有 9KB 代码(竞品要 463KB) | 做产品介绍页 | 极致速度 |
| Hono(轻量后端框架) | 给手机 App 或前端提供数据接口 | 只做后端接口 | 2.6 万 Stars |
| Discourse(论坛系统) | 开箱即用的论坛,支持审核和积分 | 建论坛社区 | 4.7 万 Stars |
| Outline(知识库平台) | 类似 Notion 的在线文档协作 | 做知识库 | 3.9 万 Stars |
| Refine(后台生成框架) | 快速生成数据管理界面 | 做管理后台 | 3.5 万 Stars |
| Vercel AI Chatbot(AI 对话模板) | 带登录、对话记录的 AI 聊天界面 | 做 AI 聊天应用 | 2 万 Stars |
| Cal.com(在线预约平台) | 自己部署的日程预约工具 | 做预约系统 | 4.6 万 Stars |
| Plane(项目管理平台) | 类似 Jira 的任务看板,完全开源 | 做项目管理 | 5.3 万 Stars |
| 权重 | 问自己什么 | 维度 |
|---|---|---|
| 25% | 它的功能能不能直接满足我的需求? | 需求匹配 |
| 20% | 用的人多不多?大公司用不用? | 生态成熟 |
| 15% | 我(或我的团队)会用这个技术吗? | 团队适配 |
| 15% | 谁在维护?会不会突然没人管了? | 维护持续 |
| 10% | 能放在哪里运行?会不会被某个平台绑死? | 部署灵活 |
| 10% | 有没有安全漏洞?许可证让不让商用? | 安全合规 |
| 5% | 从零开始到看到页面要多久? | 开发效率 |
| 级别 | 意思 | 典型 |
| T1 企业主导 | 大公司直接维护 | Next.js(Vercel)、Hydrogen(Shopify)、Docusaurus(Meta) |
| T2 企业收编 | 被大公司收购后仍然开源 | Astro(被 Cloudflare 收购)、Payload(被 Figma 收购) |
| T3 获得投资 | 拿到顶级风投的公司维护 | Medusa(Y Combinator 投资)、Ghost(独立盈利) |
| T4 社区驱动 | 个人或小团队凭热情维护 | T3 Stack、Hugo、Fumadocs |
| 谨慎使用 | 风险是什么 | 替代或解决办法 |
| TanStack Start(做内容站) | 底层有内存泄漏问题,4 个报告未修复。框架仍在快速变动,API 不稳定 | 等它进入稳定版再考虑;当前选 Next.js 或 Astro 更稳 |
| Strapi 5 的升级 | 从 Strapi 4 升到 5 可能丢数据;小版本之间也有回退问题。Strapi 本身仍然好用,但升级过程有风险 | 新项目可以直接用 Strapi 5 起步(不涉及迁移);或选 Payload CMS(开发者体验更现代) |
| Ghost 5.x 及以下版本 | CVE-2026-26980(严重安全漏洞),700 多个网站已被入侵 | 必须升级到 6.19.1 以上 |
| Create React App | React 官方已废弃 | 用 Vite 或 Next.js 替代 |
| Taxonomy 模板 | 停止维护,锁在旧版 Next.js 13 | 用 next-forge 替代 |