🚀 Twenty | 오픈소스, 완전 맞춤형 CRM

Source: Dev.to

📌 주요 기능

• 맞춤 객체 및 필드 – 워크플로에 맞춘 CRM 데이터 모델을 설계 🧩
• 동적 뷰 – 테이블, 칸반 등 다양한 보기 전환 📊
• 워크플로 자동화 – 트리거, 액션 및 백그라운드 작업 ⚙️
• 권한 및 역할 – 팀을 위한 세밀한 접근 제어 🔐
• 이메일 및 캘린더 연동 – CRM 안에서 바로 커뮤니케이션 📧📅
• 고성능 백엔드 – Redis, BullMQ, NestJS 로 구동 🚀
• 오픈소스 및 자체 호스팅 가능 – 데이터 완전 소유, 락인 없음 🌍

🛠 기술 스택 및 아키텍처

핵심 언어

• 💻 TypeScript – 프론트엔드, 백엔드 및 툴링 전반에 사용

프론트엔드

• 🎨 React – SPA 기반 CRM UI
• 📦 Recoil – 상태 관리
• 💠 Emotion – CSS‑in‑JS 스타일링
• 🌐 Lingui – 국제화(i18n)

백엔드

• 🧠 NestJS – API 및 비즈니스 로직
• 🗄 PostgreSQL – 기본 데이터베이스
• ⚡ Redis – 캐싱 및 성능 향상
• 🔄 BullMQ – 백그라운드 작업 및 워크플로

DevOps & DX

• 🧱 Nx Monorepo – 공유 라이브러리 및 빠른 빌드
• 🧪 Jest & Chromatic – 테스트 및 UI 검증
• 📊 Sentry – 오류 모니터링
• 🌍 Crowdin – 번역 관리
• 🧹 ESLint & Prettier – 코드 품질

🌟 Twenty가 해결하는 문제

• 🔹 벤더 락‑인 – 데이터 직접 소유 및 제어
• 🔹 구식 UX – 현대적인 SaaS 수준 인터페이스
• 🔹 제한된 커스터마이징 – 완전하게 조정 가능한 CRM 구조
• 🔹 확장성 문제 – 엔터프라이즈 급 아키텍처

🏗 고수준 아키텍처

• REST & GraphQL 로 통신하는 React SPA
• 권한, 워크플로, 연동을 처리하는 NestJS 백엔드
• 구조화된 CRM 데이터를 위한 PostgreSQL
• 백그라운드 처리를 위한 Redis + BullMQ
• 확장 가능한 개발을 위한 Nx monorepo

저장소 및 유지보수

• GitHub Repo: https://reactjsguru.com/repos/introducing-twenty-a-flexible-developer-friendly-crm-for-the-modern-era?utm_source=devto&utm_medium=social&utm_campaign=repo_post
• 유지보수: TwentyHQ

Twenty는 유연성, 데이터 소유권, 현대적인 UX를 타협 없이 원하는 팀을 위한 차세대 CRM입니다.