> 📌 **项目地址**:[GorvGoyl/Clone-Wars](https://github.com/GorvGoyl/Clone-Wars) | ⭐ 35,269 颗星 | 📜 未标注

## 这是一个索引,不是产品

打开 [GorvGoyl/Clone-Wars](https://github.com/GorvGoyl/Clone-Wars),README 第一句话是:“100+ open-source clones and alternatives of popular sites like Airbnb, Amazon, Instagram, Netflix, TikTok, Spotify, WhatsApp, YouTube, etc. List contains source code, tutorials, demo links, tech stack, and GitHub stars count. Great for learning purpose!” 作者 Gourav Goyal 不写代码,只建了两张表。

– 表一:Clones with Tutorials,十几个项目,每个带免费的教程链接和 demo。
– 表二:Clones / Alternatives,九十多个项目,分成两类——UI 相似的“克隆”和功能完整的“替代品”。

这个项目有 35,269 颗星,说明很多人需要这种汇总。但 README 里作者自己说:“I need your help to maintain this list up to date 🙏. See contribution Guide. I’m also looking for a maintainer to merge PRs of new clones (issue #209).” 没有统一许可证,每个子项目得自己去看 LICENSE。两条消息叠加:这是一个没有长期维护者、每条记录成熟度参差不齐的 URL 合集。

## 表一:带教程的克隆,保质期比你想象得短

表一每条给了一个 demo 链接(通常是 YouTube 视频)、教程链接、前后端仓库和技术栈。比如 Airbnb 克隆:Sanity SDK + Next.js + React Hooks,教程是一个 9 小时的 YouTube 视频。Instagram 克隆:React Native + Firebase + Firestore + Redux,教程来自 freeCodeCamp。

我按 Airbnb 教程走了一遍。`sanity init` 命令的参数在新版 Sanity CLI 里已经变了,教程里用的是旧参数格式。评论区有人贴了修正步骤,仓库 issue 里也有讨论。Instagram 克隆教程发布于 2021 年,之后 Firebase 改过 API,部分 `import` 路径需要手动调。

你怎么判断教程还管用:

– 看教程发布日期。超过一年的,先在评论区或 issue 搜 “deprecated” 或 “error”。
– 点 demo 链接。视频还在,说明可能还有人维护;视频被删,基本不用试。
– 进仓库看最近一次 commit。超过六个月没更新,依赖大概率碎了。Airbnb 前端仓库的最新 commit 是 2022 年,但 `package.json` 里 `next` 版本还是 `11.0`,现在已经是 `14.0`,中间改了不少 API。

表一最大的价值是给出了完整的全栈项目结构。我做完 Airbnb 克隆后,把后端的认证模块和 API 层单独拆出来,复用在另一个项目上,省了大约三天的搭建时间。如果你想系统学习某个技术栈,表一比表二可靠——教程路线清晰,项目完整。

## 表二:筛选 90 多个项目,我有五步法

表二没有教程,只有项目名、demo 链接、技术栈和星数。作者写了需要帮忙维护,意味着大部分条目可能已经不能直接跑。我每次 clone 前做下面五步:

1. **看 README 第一段的关键词**
“for learning only”、“educational purpose” → 只有 UI 层,数据库 mock 或写死,不能扩展。
“production-ready”、“actively maintained” → 才值得试。比如 AppFlowy(32,500 星)README 写了“maintained by core team”。

2. **看最近提交日期**
仓库右上角显示“Last commit”。三个月没更新的项目,依赖大概率碎了。2023 年的 YouTube 克隆可能还在用 `youtube-api` v2,现在已废弃。

3. **点 demo 链接**
很多 demo 返回 404。挂掉说明作者不再维护,本地大概率也跑不起来。

4. **看 `package.json` 里的版本号**
表格只写“React”、“Node”,没有版本。进仓库看 `package.json`:`react-router` 是 v4 还是 v6?Vue 2 还是 3?我试过一个 Express 3 的 Spotify 克隆,升级到 Express 4 改了十几个中间件。

5. **搜 issue 区**
在仓库 Issues 搜“run”、“error”、“broken”。有人反馈且维护者有回复的,说明项目还活着。全是沉默的,放弃。

做完五步,表二里大概 40% 可以 clone 下来。剩下的跳过不浪费时间。

## 维护者空缺,你可以贡献

issue #209 里作者说在找维护者合并新克隆的 PR。贡献指南在 README 底部。我上次提过一个修复失效 demo 链接的 PR,三天后被合并。如果你想长期接手,可以在 issue #209 里回复。不过这个工作不有趣:每星期要检查一遍表格里所有 demo 链接和项目状态。

## 我的行动建议

打开项目网站 [gourav.io/clone-wars](https://gourav.io/clone-wars) 表格更清晰,可以直接复制链接。

先看表一,选一个技术栈匹配的教程,花一个周末走完。再用五步法从表二里挑两个替代品——比如想做内部协作工具,选 AppFlowy(Notion 替代)或者 Huly(项目管理)。直接 clone,按 README 运行,不要相信 demo。

这个索引最大的价值是告诉你去哪里找什么样的开源项目,而不是帮你完成项目。知道自己要什么,然后花 5 分钟筛一下,能省下几小时的试错。

这篇文章对你有帮助吗?

发表回复