📚 资源索引:书 / 课程 / 博客 / 社区 / 开源项目

学会造轮子之前,先学会用轮子——精选的持续更新资源列表
📋 目录

📖 书籍推荐

🏗️ 架构与设计

Designing Data-Intensive Applications 高级
Martin Kleppmann 著。数据库/分布式系统圣经。如果你只读一本书,读这本。
Clean Architecture 中级
Robert C. Martin 著。软件架构的经典,理解分层和依赖反转。
Building Microservices (2nd Ed) 高级
Sam Newman 著。微服务设计的全面指南。适合要拆分单体时阅读。
System Design Interview 中级
Alex Xu 著。系统设计面试宝典,也是实际架构设计的好参考。

💻 编程实践

The Pragmatic Programmer (20th Anniversary) 入门
David Thomas & Andrew Hunt 著。程序员实用智慧的经典。每个开发者都该读。
Refactoring (2nd Ed) 中级
Martin Fowler 著。重构的经典。代码不是一次写对的,是反复重构对的。
Domain-Driven Design 高级
Eric Evans 著。DDD 开山之作。复杂业务逻辑的建模方法。

💼 产品与创业

The Mom Test 入门
Rob Fitzpatrick 著。如何和用户聊天验证想法。创业必读第一本书。
Lean Startup 入门
Eric Ries 著。精益创业方法论——构建-测量-学习的循环。
Zero to Sold 中级
Arvid Kahl 著。独立开发者从 0 到出售的完整路径。
The Minimalist Entrepreneur 入门
Sahil Lavingia 著。Gumroad 创始人的极简创业哲学。

🎓 在线课程

全栈开发

课程 平台 价格 适合
Full Stack Open 赫尔辛基大学 免费 React/Node/GraphQL 全栈入门
The Odin Project 开源 免费 从零到全栈,项目驱动
Next.js 官方教程 nextjs.org/learn 免费 Next.js App Router 入门
Epic Web kentcdodds.com $39-179 专业级 React/全栈开发
Supabase 官方教程 supabase.com/docs 免费 Supabase 全栈实战

SaaS 专项

课程 平台 价格 适合
Ship Fast 教程 marclouvion.com $199 Next.js SaaS 全流程
Makerkit 教程 makerkit.dev $299 多租户 SaaS 开发
30 天 Ship 30dayship.com 免费 30 天从想法到上线

AI/LLM 开发

课程 平台 价格 适合
DeepLearning.AI Short Courses deeplearning.ai 免费 LLM 应用开发入门
LangChain 官方教程 python.langchain.com 免费 LangChain/RAG 实战
AI Engineer Bootcamp ai-engineer.io 免费 AI 工程师技能树
Anthropic Cookbook github.com/anthropics 免费 Claude API 最佳实践

📝 博客与 Newsletter

英文博客

Vercel Blog Next.js 前端
Next.js 和 Web 开发最新动态。高质量技术文章。
Kent C. Dodds Blog React 测试
React 生态深度文章。Testing Library 作者。
Josh W. Comeau CSS 动画
CSS 和 React 动画的最有趣教程。交互式教学。
Fly.io Blog 基础设施 后端
基础设施和后端架构的深度文章。写得像小说一样好读。
Tailscale Blog 网络 安全
网络和安全的深度技术博客。理解 WireGuard 的好资源。
Simon Willison's Weblog AI 数据
LLM 和数据工具的每日精选。AI 开发者必读。
Indie Hackers 创业 增长
独立开发者创业故事和收入数据。激励+实战。

中文博客

阮一峰的网络日志 综合
每周科技周刊,覆盖前端/AI/工具/行业动态。
张鑫旭博客 CSS 前端
CSS 深度研究。遇到 CSS 问题先搜这里。
酷壳 CoolShell 架构 编程
陈皓(左耳朵耗子)的技术博客。深度和视野兼具。

Newsletter

Bytes 前端
每周前端新闻,写得很有趣。免费。
TLDR 综合
每日科技新闻摘要。5 分钟了解行业动态。
Indie Hackers Newsletter 创业
独立开发者创业故事和收入数据。
The Pragmatic Engineer 工程
Gergely Orosz 写的软件工程深度文章。

🌐 社区

社区 特点 适合 语言
Hacker News 技术深度最高 技术讨论、产品发布 英文
Reddit 细分话题多 专业讨论、求助 英文
Indie Hackers 独立开发者聚集 创业经验、收入分享 英文
V2EX 中文技术社区 日常讨论、招聘 中文
少数派 效率工具爱好者 产品发现、工具推荐 中文
Product Hunt 新产品发布平台 发布产品、获取首批用户 英文
Dev.to 开发者社区 写文章、交流 英文
Discord 服务器 实时交流 特定技术栈社区 多语言
💡 社区建议:不要加入太多社区。选 2-3 个活跃参与的,比 20 个潜水的好。推荐:Hacker News + 1 个技术社区 + 1 个创业社区。

📂 开源项目学习

阅读优秀开源项目的代码是提升最快的方式之一。

推荐学习的 SaaS 项目

Cal.com Next.js Prisma tRPC
开源预约系统。企业级 SaaS 代码组织、多租户、国际化的绝佳参考。
Documenso Next.js Prisma
开源电子签名。SaaS 认证、支付、文档管理的参考。
Dub.co Next.js Supabase Stripe
开源短链服务。全栈 SaaS 的完整实现参考。
Formbricks Next.js Prisma
开源调研工具。SaaS + AI 集成的参考。
Logto Node.js Auth
开源认证服务。学习 Auth 架构的最佳项目。
Novu Node.js 通知
开源通知系统。多渠道通知的架构参考。

框架/库源码阅读

shadcn/ui 中级
学习 React 组件设计、Tailwind 使用、可访问性实现。代码量适中,结构清晰。
Zustand 中级
学习状态管理库的实现。代码量极小(~300 行核心),但设计精妙。
Drizzle ORM 高级
学习 TypeScript 类型编程的极致应用。类型安全的 SQL 构建。

🔧 工具与速查

速查表(Cheat Sheets)

Tailwind Cheat Sheet

Tailwind 所有类的快速参考

nerdcave.com
React TypeScript Cheatsheet

React + TS 类型用法

netlify.app
Git Flight Rules

"我想做 X,应该用哪个 Git 命令?"

GitHub
SQL Bolt

交互式 SQL 入门教程

sqlbolt.com
Regex101

正则表达式在线测试

regex101.com
Can I Use

浏览器兼容性查询

caniuse.com

开发者工具

Raycast

macOS 效率启动器

macOS 免费
Warp

AI 终端

终端 AI
TablePlus

数据库 GUI

数据库 付费

🎨 设计资源

Figma Community

海量免费设计模板、组件库、图标。直接复制到你的项目。

figma.com/community
Realtime Colors

实时预览色彩方案在真实 UI 中的效果。选色必备。

realtimecolors.com
Mobbin

真实 App 的 UI 截图库。找设计灵感、看竞品 UI。

mobbin.com
Heroicons / Lucide

开源 SVG 图标库。Tailwind 官方和 shadcn 默认选择。

lucide.dev
Unsplash / Pexels

免费高质量图片素材。Landing Page 必备。

免费 图片
Coolors

色彩方案生成器 + 对比度检查。按空格随机生成。

coolors.co

🤖 AI/LLM 资源

学习资源

LangChain Docs RAG Agent
LangChain 官方文档。RAG Pipeline 和 Agent 的实战参考。
Anthropic Prompt Engineering Prompt
Claude 的 Prompt 工程最佳实践。适用于所有 LLM。
OpenAI Cookbook GPT 实战
OpenAI API 的实战示例集合。RAG、函数调用、结构化输出。
Vercel AI SDK Docs Next.js 流式
Next.js AI 集成的最佳方案。useChat、useCompletion。
Lilian Weng's Blog LLM 深度
OpenAI 研究员的博客。LLM 原理和 Agent 架构的深度文章。

🎧 播客与视频

播客

播客 主题 语言
Indie Hackers Podcast 独立开发者创业故事 英文
Software Engineering Daily 软件工程深度讨论 英文
Changelog 开源和开发者新闻 英文
Lenny's Podcast 产品与增长 英文
枫言枫语 独立开发者/效率工具 中文
硬地骇客 独立开发者/出海 中文

YouTube 频道

Fireship

100 秒系列。快节奏技术入门。

入门
Theo - t3.gg

T3 Stack 作者。Web 开发观点和技术讨论。

观点
Web Dev Simplified

Web 开发教程,讲解清晰。

教程
Jack Herrington

React/Next.js 深度教程。

React
Vercel

Next.js 和 Web 平台官方频道。

官方
ByteByteGo

系统设计可视化讲解。中文也有。

架构

🗺️ 学习路径

独立开发者 SaaS 学习路径

📋 从 0 到 SaaS 上线的学习清单
Week 1-2: 基础
├─ HTML/CSS/JS 基础(如果完全没有经验)
├─ TypeScript 入门(typescript-exercises.com)
├─ React 入门(react.dev/learn)
└─ Git 基础(learngitbranching.js.org)

Week 3-4: 框架
├─ Next.js 官方教程(nextjs.org/learn)
├─ Tailwind CSS 速查(nerdcave.com/tailwind-cheat-sheet)
├─ shadcn/ui 使用(ui.shadcn.com/docs)
└─ 第一个 Next.js 项目

Week 5-6: 全栈
├─ Supabase 入门(supabase.com/docs)
├─ Drizzle ORM(orm.drizzle.team/docs)
├─ NextAuth.js / Supabase Auth
└─ 构建带认证的 CRUD 应用

Week 7-8: SaaS 功能
├─ Stripe 集成(stripe.com/docs)
├─ 状态管理(Zustand + TanStack Query)
├─ 表单验证(React Hook Form + Zod)
└─ 部署到 Vercel

Week 9-10: 上线
├─ 域名和 DNS 配置
├─ 基础监控(Sentry + PostHog)
├─ 隐私政策和服务条款
└─ 🎉 上线!

之后:持续学习
├─ 读 Designing Data-Intensive Applications
├─ 学习测试(Vitest + Playwright)
├─ 优化性能和 SEO
└─ 考虑 AI 功能集成
💡 学习建议:不要试图学完再动手——边做边学效率最高。选一个你想做的产品,边做边学需要的技术。纯理论学习 90% 会忘掉,但项目中学的 90% 会记住。

🔗 相关章节

按场景推荐完整技术栈

从 0 到 1 的最短路径

全栈开发反模式