工具与工作流工具 / 工作流

2026 建站技术选型 Skill:77 个免费框架,AI 帮你 5 分钟选定

你想建一个网站。

FULL TEXT

详细文字内容

一句话速查表

找到你的那行了吗?往下看详细分析。

先搞清楚你要建什么,再选用什么

很多人选框架的第一步是去对比框架。这是错的。

第一步应该是搞清楚你要建什么类型的站。写博客和做电商对框架的要求完全不同——博客追求打开速度和搜索排名,电商需要购物车和支付功能。

我把常见需求归纳成了 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 标准接口,换平台更容易
  • 会写 VueNuxt 4 + supanuxt-saas
  • 会写 Svelte(一种编译型前端语言)SvelteKit + CMSaasStarter——Svelte 生态里唯一的 SaaS 模板
  • 想用 React 但不想用 Next.jsOpen SaaS(基于 Wasp 框架)。约 15000 Stars,含支付 + AI + 管理后台
  • 企业级需要统一登录BoxyHQ。支持 SAML SSO(企业级统一登录协议)+ 操作审计

3. 电商

卖东西,需要商品展示和在线支付。

Medusa 官网——3.5 万 Stars 的开源电商后端

  • 不会写代码WooCommerce(WordPress 的电商插件)。全球 40% 以上的电商网站在用,装好 WordPress 再装 WooCommerce 插件,就有了完整的商品管理、购物车和支付功能,不用写一行代码
  • 已有 Shopify 店铺,要更快的前端Shopify Hydrogen(Shopify 官方前端框架)
  • 完全自建,团队写 JavaScriptMedusa v2(开源电商后端)。约 35000 Stars,MIT 许可(最宽松的开源协议,可随意商用)
  • 完全自建,团队写 PythonSaleor(企业级电商后端)。约 23000 Stars
  • 团队写 VueNuxt 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
  • 部署在 Cloudflareagents-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 AppReact 官方已废弃用 Vite 或 Next.js 替代
Taxonomy 模板停止维护,锁在旧版 Next.js 13用 next-forge 替代
STRUCTURED NEXT STEP

继续进入结构化课程或精选资产