baron-sso/devfront

Dev Front (React 19 + Vite)

RP 등록 현황과 Consent 관리를 담당하는 개발자 포털용 React/Vite 기반 SPA입니다. adminfront와 동일한 스택으로 구성하고, Ory Hydra Admin API 연동을 위한 훅 포인트를 남겨두었습니다.

주요 스택

• React 19, Vite 7, TypeScript(strict)
• React Router v6 (data router)
• TanStack Query v5
• Tailwind CSS v3 + shadcn/ui 컴포넌트(seed: Button/Card/Badge/Input/Table/Avatar)
• Axios 클라이언트 스텁: Bearer + X-Tenant-ID 헤더 주입 준비
• React Hook Form + Zod (추가 예정)
• Biome (formatter/linter)

실행

npm install
npm run dev

구조

• src/app: 라우터, QueryClient 등 전역 설정
• src/components/layout: App 레이아웃/네비게이션
• src/features: dashboard, clients, audit, auth 등 화면 스캐폴딩
• src/lib/apiClient.ts: Axios 인스턴스(토큰/테넌트 헤더 주입 스텁)

다음 작업 가이드

• Devfront 전용 인증/권한 가드 추가 (RP 관리 권한 검증)
• 테넌트 선택 UI 추가 → X-Tenant-ID 헤더에 반영
• Hydra Admin API 기반 RP/Consent 실데이터 연동