자체 · 템플릿Admin Templates
관리자 웹 템플릿
새 서비스의 관리자 앱을 바로 시작할 수 있는 React CSR 템플릿. 인증, 권한 가드, 데이터 계층, 공통 UI 를 일관된 패턴으로 제공하며, 담벼락 관리자와 봉봉 통합 관제 Admin 두 곳에 적용했습니다.
- 적용 서비스
- 2곳
- 검증
- 타입 · 린트 · 테스트 · E2E
- 백엔드
- Supabase / mock 교체
기간2026.10
역할설계 · 개발
저장소비공개 저장소
플랫폼
기술
들어 있는 것
Google 로그인(Supabase Auth), 역할·권한에 따라 자동으로 숨는 3단 메뉴, 대시보드 위젯, 관리자 계정·역할, 감사 로그, 시스템 설정, 데이터 표·검색·폼 공통 컴포넌트.
원칙
메뉴 숨김과 라우트 가드는 화면 편의일 뿐이고, 데이터 보호는 RLS, 민감한 작업은 서버 함수에서 권한을 다시 확인합니다. 관리자 여부도 프론트가 아니라 DB 의 권한 조회 결과로 판단합니다.
브라우저에는 공개 키만 들어가도록 빌드 단계에서 비밀 값을 검사합니다.
적용 사례
담벼락 관리자 — 템플릿에서 시작해 신고·게시글·회원 운영, 스팸·도배 방지, 댓글, 공지·글감, 배경 음악, 오늘의 한마디, 문의 답변 메일을 기능 모듈 4개로 붙였습니다. 사용자 웹과 같은 Supabase 스키마를 쓰고, 마이그레이션은 사용자 웹 저장소 한 곳에서만 관리합니다.
봉봉 통합 관제 Admin — 여러 Google 계정의 Vercel·Supabase·Cloudflare 무료 사용량과 서비스 상태를 모으는 관리자입니다. 템플릿 공통 코드는 거의 그대로 두고 관제 모듈 하나와 전용 Supabase(서울)·Edge Function 을 더했습니다.
두 저장소 모두 템플릿을 원격 template 으로 연결해 두어, 템플릿이 바뀌면 merge 로 받아옵니다.