146 lines
4.8 KiB
Plaintext
146 lines
4.8 KiB
Plaintext
|
项目名称: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（最成熟）
|