관리자 페이지 & CMS
React Admin 기반 관리자 대시보드. 20개 이상의 리소스 자동 CRUD, 다국어 번역 관리, 결제/구독 모니터링 기능 포함.
주요 기능
Vite glob 기반 리소스 라우트 자동 생성
다국어 번역 관리 (Translation Grid)
Apple/Google 인앱 결제 관리
미션/리워드/스티커 수집 시스템 관리
사용자 성장/레벨업 시스템 모니터링
마스터 설정 (구독, 미션, 스티커) 관리
OpenTelemetry 기반 분산 추적
Orval로 OpenAPI 클라이언트 자동 생성
상세 설명
React Admin + Ant Design으로 구축한 모바일 앱 서비스용 관리자 대시보드입니다.
NestJS + TypeORM 백엔드와 연동하여 20개 이상의 리소스를 타입 안전하게 관리합니다. Vite의 import.meta.glob을 활용해 리소스 컴포넌트를 자동으로 등록하여 새 엔티티 추가 시 별도 설정 없이 바로 사용 가능합니다.
AWS S3 파일 저장, Redis 캐싱, Google Cloud PubSub 메시지 큐, Firebase 푸시 알림 등 클라우드 인프라와 통합되어 있습니다.
사용 기술
React AdminNestJSTypeORMMySQLAnt DesignTailwindCSS