forked from baron/baron-sso
e4680b0fe8
- switch adminfront and devfront to vite 8 - fix devfront TypeScript baseline build errors - require Node.js 24 LTS or newer in package metadata and docs Co-Authored-By: First Fluke <our.first.fluke@gmail.com>
30 lines
1.1 KiB
Markdown
30 lines
1.1 KiB
Markdown
# Dev Front (React 19 + Vite)
|
|
|
|
RP 등록 현황과 Consent 관리를 담당하는 개발자 포털용 React/Vite 기반 SPA입니다. adminfront와 동일한 스택으로 구성하고, Ory Hydra Admin API 연동을 위한 훅 포인트를 남겨두었습니다.
|
|
|
|
## 주요 스택
|
|
- React 19, Vite 8, 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)
|
|
|
|
## 실행
|
|
```bash
|
|
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 실데이터 연동
|