Web
Jiun Studio Webmaster
다중 웹사이트 콘텐츠 관리를 위한 통합 CMS 플랫폼. 실시간 분석, 구독 결제, 역할 기반 권한 관리를 지원합니다.
2024.10 - 현재
1인 개발
Role:풀스택 개발 (아키텍처 설계, 프론트엔드, 백엔드, 결제 시스템)
Tech Stack
Next.jsTypeScriptSupabasePostHogStripeTailwindCSSISRRBAC
Problem to Solve
여러 클라이언트 웹사이트를 운영하면서 각 사이트마다 별도의 관리 시스템을 구축하는 것은 비효율적이었습니다. 콘텐츠 수정 시 매번 배포가 필요했고, 사이트별 트래픽과 사용량을 통합적으로 모니터링하기 어려웠습니다. 또한 클라이언트별로 다른 권한 수준이 필요했지만 이를 유연하게 관리할 방법이 없었습니다.
Solution
단일 Supabase 데이터베이스로 다중 사이트를 관리하는 멀티테넌트 아키텍처를 설계했습니다. Next.js ISR(Incremental Static Regeneration)과 On-demand Revalidation을 활용하여 CMS에서 콘텐츠 수정 시 프로덕션 사이트가 즉시 업데이트되면서도 정적 사이트의 빠른 로딩 속도를 유지합니다. PostHog 통합으로 실시간 사용자 분석을, Stripe 구독 시스템으로 사용량 기반 과금을 구현했습니다.
Key Features
- 멀티테넌트 아키텍처 - 단일 DB로 다중 웹사이트 통합 관리
- 실시간 콘텐츠 관리 - 생성, 수정, 삭제 즉시 반영
- ISR & On-demand Revalidation - 로딩 없는 즉각적인 정적 페이지 업데이트
- PostHog 분석 대시보드 - 프로젝트별 트래픽, 사용자 행동 실시간 모니터링
- Stripe 구독 결제 - 사용량 기반 요금제 및 자동 청구 시스템
- RBAC(역할 기반 접근 제어) - Admin, Editor, Viewer 등 세분화된 권한 관리
- 프로젝트별 대시보드 - 사용량, 콘텐츠 현황, 결제 정보 통합 뷰
- API Rate Limiting - 프로젝트별 API 호출 제한 및 사용량 추적
Results
- 멀티테넌트 SaaS 아키텍처 설계 및 구현 경험
- Stripe 구독 결제 시스템 풀사이클 구현
- ISR을 활용한 실시간 콘텐츠 동기화 기술 습득
- PostHog 기반 프로덕트 분석 파이프라인 구축
- RBAC 권한 시스템 설계 및 구현
Screenshots
