
一、项目基本信息
| 字段 | 值 |
|---|---|
| 全名 | nilbuild/developer-roadmap |
| Star | ~369,590★(GitHub Search API)/~353,700★(多源快照) |
| Fork | ~44,049 |
| 语言 | TypeScript |
| 许可证 | other(自定义,非标准开源许可证) |
| 创建时间 | 2017-03-15(约9年历史) |
| 最近活跃 push | 2026-04-26 |
| 主话题 | computer-science, roadmap, frontend-roadmap, backend-roadmap, devops-roadmap, python-roadmap, java-roadmap, dba-roadmap, qa-roadmap, software-architect-roadmap |
| 官网 | https://roadmap.sh |
| GitHub | https://github.com/nilbuild/developer-roadmap |
注:nilbuild 是 kamranahmedse 的组织账号,roadmap.sh 为前端呈现站点。
二、是什么
roadmap.sh 是全球最大、最知名的开发者学习路径图谱项目,以交互式 SVG/JSON 路标图为核心,提供从入门到进阶的系统化学习指南。
核心组成:
- 9条主路径:Frontend、Backend、DevOps、React、Vue、Angular、Python、Go、Java、QA、DBA、Blockchain、Android、Software Architect
- 每条路径:阶段式里程碑(Beginner → Intermediate → Advanced)+ 推荐资源(文章/工具/项目)
- 官网 roadmap.sh:将 GitHub 的 JSON/SVG 图谱渲染成交互式 Web 页面
- 贡献者生态:社区可提交 PR 扩展路径,Kamran Ahmed 主导维护
三、为什么爆火
1. 刚需市场定位
- 开发者最大痛点:「我不知道下一步该学什么」
- 每年新增程序员超过 500 万,学习路径需求持续旺盛
- SEO 极其强大:
frontend roadmapbackend roadmap等词几乎垄断 Google 搜索
2. 产品化程度高
- 视觉化:SVG 路标图极度直观,一图说清学习路径
- 交互化:官网可按角色/阶段筛选,可点击节点跳转资源
- 工具链支持:配套 roadmap.sh(前端)+ json(数据)+ vscode-roadmap(插件)
3. 社区自举正循环
- 贡献者众多(7,902 commits,45,024 forks)
- PR 审核机制保证质量
- 社区维护各语言翻译版(中文社区活跃)
4. 个人品牌杠杆
- Kamran Ahmed(维护者)通过 roadmap 建立了全球技术影响力
- 被引用到无数技术博客、招聘 JD、面试准备指南中
- 成为"技术学习"领域的代名词之一
四、技术架构分析
数据层
- 存储:GitHub repo + JSON 文件(每条路径独立 JSON)
- 生成:Node.js 脚本读取 JSON 生成 SVG
- 部署:GitHub Pages(JSON API)+ Vercel(roadmap.sh 前端)
前端层
- 官网 roadmap.sh:Next.js 渲染,读取 GitHub JSON API
- 视觉:SVG 路标图,支持点击展开资源列表
- SSR/SEO:强 SEO 优化,截图被广泛引用
贡献流程
社区 PR → JSON 修改 → CI 生成新 SVG → 维护者审核 → 合入 + 官网更新
五、竞品对比
| 项目 | Star | 特点 | 差异化 |
|---|---|---|---|
| developer-roadmap | 369K★ | 全栈路径图 + 生态 | 视觉化+社区+SEO垄断 |
| free-programming-books | 399K★ | 书籍资源列表 | 纯资源聚合,无路径 |
| awesome-python | 328K★ | Python 资源列表 | 分类广度,无学习顺序 |
| project-based-learning | 286K★ | 实战项目列表 | 按语言+难度分类,无路径 |
六、对电商/AI Agent 工作的借鉴
1. 知识产品化思路
借鉴点:将碎片化知识(学习资源)整合为结构化产品(学习路径),通过视觉化大幅降低认知门槛。
落地场景:
- 电商技能学习路径:将零散的运营知识整合为「新手开店 30 天路径图」「爆款打造 8 周路线图」
- AI Agent 工作流沉淀:将 OpenClaw 使用经验做成技能地图
2. SEO + 内容飞轮
借鉴点:roadmap 关键词几乎被该项目垄断,导致所有搜索该词的人都会导入 GitHub Star,进一步强化了 SEO 优势。
落地场景:
- 建立细分领域的"什么是 XXX"内容矩阵,垄断长尾搜索
- 每篇文章锚定一个高搜索量关键词,形成内容护城河
3. JSON + 渲染层分离架构
借鉴点:数据存储在 GitHub(低成本+版本控制),前端独立渲染,实现内容与展示解耦。
落地场景:
- Obsidian Vault 作为「数据层」,官网作为「渲染层」
- 内容一次生产,多端分发
4. 社区贡献 + 质量审核模式
借鉴点:开放 PR,但维护者有最终审核权,保证质量的同时维持社区活跃。
落地场景:
- 技能库建设:社区贡献 Skill,复核后入库
- 定期「社区精选」发布,质量由编辑把控
七、相关资源
- 官网:https://roadmap.sh
- GitHub:https://github.com/nilbuild/developer-roadmap
阅读量:
331