TypeScript, React, PostgreSQL 기반의 오픈소스 CRM으로, 객체·뷰·워크플로·AI 에이전트를 코드로 확장할 수 있습니다.
marmelab/atomic-crm
React, shadcn/ui, Supabase로 만든 셀프 호스팅 CRM으로 연락처, 영업 기회, 작업, 메모를 관리합니다.
대체할 수 있는 제품:Salesforce
HubSpot CRM
- 스타
- 1,388
- 포크
- 878
- 열린 이슈
- 19
- 마지막 커밋
- 4일 전
어떤 프로젝트인가요?
Atomic CRM은 영업팀이나 어카운트 팀의 일상적인 업무 흐름을 지원하는 고객 관계 관리 앱입니다. 연락처 목록, 영업 기회를 파이프라인 단계별로 추적하는 Kanban 보드, 알림이 설정된 작업, 연락처에 연결된 메모를 제공합니다. 상호작용 내역도 기록하고 연락처 가져오기와 내보내기를 지원합니다.
프런트엔드는 React와 shadcn/ui 컴포넌트로 작성되었으며, 백엔드는 Postgres 데이터베이스, API, 파일 저장소를 제공하는 Supabase에서 실행됩니다. Google, Azure, Keycloak, Auth0를 통한 로그인을 지원합니다. 전용 주소를 참조(CC)에 추가하면 이메일을 메모로 저장할 수 있습니다.
이 프로젝트는 포크해 원하는 대로 수정할 수 있도록 만들어졌습니다. 커스텀 필드, 테마, 컴포넌트를 교체할 수 있으며, shadcn registry를 통해 업데이트된 컴포넌트를 포크에 가져올 수 있습니다. 로컬 개발 환경은 Make, Docker, 로컬 Supabase 인스턴스로 실행합니다.
핵심 기능
- 01연락처, 알림이 설정된 작업, 메모를 한곳에서 관리합니다.
- 02Kanban 파이프라인 보드에서 영업 기회를 추적합니다.
- 03이메일에 주소를 참조(CC)로 추가해 메모로 저장합니다.
- 04연락처를 가져오고 내보냅니다.
- 05Google, Azure, Keycloak 또는 Auth0로 로그인합니다.
- 06다른 시스템과 연동할 수 있는 API를 제공합니다.
활용 사례
- 자체 인프라에서 소규모 영업팀의 연락처와 영업 기회 파이프라인을 관리합니다.
- React 컴포넌트를 포크하고 수정해 맞춤형 CRM을 구축합니다.
- React와 Supabase로 관리자용 애플리케이션을 만드는 방법을 학습합니다.
빠른 시작
- 1
저장소를 Fork하고 clone합니다
git clone https://github.com/[username]/atomic-crm.git - 2
로컬 Supabase를 포함해 종속 항목을 설치합니다
cd atomic-crm && make install - 3
앱을 로컬에서 실행한 다음 http://localhost:5173/을 엽니다
make start
사용 전 알아둘 점
- 로컬에 Make, Node 24 LTS, Docker가 설치되어 있어야 합니다.
- 로컬 실행 시 Supabase 백엔드에 Docker가 필요합니다.
토픽
자주 묻는 질문
- atomic-crm은(는) 무엇인가요?
- React, shadcn/ui, Supabase로 만든 셀프 호스팅 CRM으로 연락처, 영업 기회, 작업, 메모를 관리합니다. Atomic CRM은 영업팀이나 어카운트 팀의 일상적인 업무 흐름을 지원하는 고객 관계 관리 앱입니다. 연락처 목록, 영업 기회를 파이프라인 단계별로 추적하는 Kanban 보드, 알림이 설정된 작업, 연락처에 연결된 메모를 제공합니다. 상호작용 내역도 기록하고 연락처 가져오기와 내보내기를 지원합니다.
- atomic-crm은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- atomic-crm은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- atomic-crm은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. atomic-crm의 마지막 커밋은 2026년 10월 16일입니다.
- atomic-crm은(는) 어디에 사용할 수 있나요?
- 자체 인프라에서 소규모 영업팀의 연락처와 영업 기회 파이프라인을 관리합니다. React 컴포넌트를 포크하고 수정해 맞춤형 CRM을 구축합니다. React와 Supabase로 관리자용 애플리케이션을 만드는 방법을 학습합니다.
- atomic-crm는 어떻게 설치하나요?
- 저장소를 Fork하고 clone합니다: git clone https://github.com/[username]/atomic-crm.git 로컬 Supabase를 포함해 종속 항목을 설치합니다: cd atomic-crm && make install 앱을 로컬에서 실행한 다음 http://localhost:5173/을 엽니다: make start
- atomic-crm은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/marmelab/atomic-crm
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
전체 화면 애니메이션 가사에 초점을 맞춘 TypeScript 음악 플레이어로, NetEase, QQ, Kugou, Navidrome 및 로컬 라이브러리를 지원합니다.
React와 TypeScript로 만든 Matrix 오픈 메시징 프로토콜용 심플하고 세련된 웹 클라이언트입니다.
포스터, 소셜 게시물, 슬라이드 등을 만들 수 있는 오픈소스 브라우저 기반 디자인 편집기와 Docker 자체 호스팅 환경
팀과 AI 에이전트가 같은 보드에서 함께 일하는 셀프 호스팅 프로젝트 관리 및 이슈 트래커로, REST API, 웹훅, MCP를 제공합니다.
Next.js와 Supabase로 만든 오픈소스 변경 로그 관리 앱으로, 호스팅된 변경 로그 페이지에 제품 업데이트를 게시할 수 있습니다.