项目名称:Atomic CRM github:https://github.com/marmelab/atomic-crm 简介:由法国技术公司 Marmelab 推出的全功能现代 CRM 系统,用 React、TypeScript 和 Supabase 构建,强调代码质量和可维护性。完整的 CRM 业务逻辑、清晰的 React 组件架构、类型安全的实现,适合中小团队学习和定制。 语言:TypeScript,JavaScript,React 场景:CRM 系统、中小企业客户管理、销售管理、React 学习项目 6项评分:4,4,4,5,3,4 推荐理由:代码质量最高的开源 CRM 候选。模块化的 React 组件、清晰的业务逻辑分离、完整的类型安全实现,适合 AI 学习标准企业应用架构。Supabase 后端降低了部署复杂度,但依赖中等,学习曲线适中。 下载:https://github.com/marmelab/atomic-crm 文章1标题:Atomic CRM:高质量的开源 React CRM 系统 文章1内容: 一、项目定位 Atomic CRM 是由 Marmelab(知名 React Admin 库的作者)推出的现代开源 CRM 系统。 它的核心理念是: • 代码质量优先于功能堆砌 • React + TypeScript 的最佳实践 • Supabase 作为后端,降低部署复杂度 • 专注于学习和定制,而不是开箱即用 适合希望学习「如何用 React 构建企业应用」的开发者。 二、核心功能 • 👥 联系人与活动管理 - 完整的联系人档案 - 活动日志和时间线 - 电话、邮件、会议记录 • 📋 任务和提醒系统 - 任务创建、分配、跟踪 - 基于日期的提醒 • 📈 Kanban 销售流程 - 可视化的交易管道 - 拖拽式阶段管理 - 成交率统计 • 📧 邮件集成 - CC 捕获功能 - 邮件客户端集成 • 📊 数据导入导出 - CSV 导入 - Excel 导出 - 批量操作 三、技术栈 部分 技术 前端 React 19 + TypeScript 路由 React Router v7 表单 React Hook Form + Zod 验证 数据查询 React Query 样式 Tailwind CSS + shadcn/ui 后端/数据库 Supabase(PostgreSQL) 构建工具 Vite API 通信 REST API 四、快速开始 # 克隆项目 git clone https://github.com/marmelab/atomic-crm.git cd atomic-crm # 安装依赖 npm install # 配置 Supabase(需要账号) cp .env.example .env.local # 填入 SUPABASE_URL 和 SUPABASE_ANON_KEY # 启动开发服务器 npm run dev # 运行测试 npm run test 五、AI Coding 友好度评分 维度 分值 说明 目录结构 4/5 React 组件模块化清晰,业务逻辑分离良好 文档完整度 4/5 README 详细,有代码示例和架构说明 测试覆盖 4/5 单元测试和集成测试完整 示例模块 5/5 完整的 CRM 功能示例,可直接模仿 依赖克制度 3/5 中等依赖数,合理的库选择 增量开发 4/5 清晰的组件接口,易于添加新功能 总体评分: 80/100 (适合学习标准 React 企业应用) 六、为什么选择 Atomic CRM 1. Marmelab 出品,代码质量有保证 2. React + TypeScript 的教科书级实现 3. Supabase 后端,不需要自己部署服务器 4. 完整的业务逻辑示例,易于学习和定制 5. 模块化架构,易于添加新功能 七、不适合的场景 • 需要企业级认证(如 SAML)的项目 • 需要复杂权限管理的大型团队 • 非 React 栈的技术团队 • 追求开箱即用、无需定制的项目 文章2标题:CRM 骨架对比:Atomic vs NextCRM vs Krayin 文章2内容: 三大 CRM 骨架的选择指南。 | 对比项 | Atomic CRM | NextCRM | Krayin | |--------|-----------|---------|--------| | 星数 | 1.1k | 646 | 23.3k | | 技术栈 | React + Supabase | Next.js + PostgreSQL | Laravel + MySQL | | 代码质量 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | | AI 友好度 | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | | 学习难度 | 中 | 中 | 易 | | 部署复杂度 | 最简(Supabase) | 中等 | 中等 | | 适合团队 | 小-中 | 中-企业 | 小-大 | | 后端部署 | Supabase(无服务器) | 自建服务器 | VPS 或云服务 | | MCP 支持 | ❌ | ✅(127 工具) | ❌ | **何时选择 Atomic CRM:** - 团队熟悉 React 和 JavaScript - 想学习如何用 React 构建企业应用 - 需要现代、清晰的代码架构参考 - 不想处理后端部署复杂性(用 Supabase) **何时选择 NextCRM:** - 需要最强的 AI 集成(MCP 服务器) - 用 Claude 或 OpenAI 进行智能扩展 - 要求完整的企业功能(发票、向量搜索) - 愿意处理 Next.js 全栈复杂度 **何时选择 Krayin:** - 团队使用 Laravel + PHP 生态 - 需要成熟稳定的企业 CRM(23.3k 星) - 要求轻量级依赖和易部署 - 不需要 AI 集成 选择建议按阶段: - **学习阶段** → Atomic CRM(最清晰) - **AI 集成** → NextCRM(最适合 AI 扩展) - **企业稳定性** → Krayin(最成熟)