Rebrand
단일 리브랜딩 대상은 src/config/app.ts (appConfig)입니다. 이 설정은 사이드바(로고 + 이름 + 탐색), 루트 문서 헤드(제목 + 설명), 테마 제공자, 인증 페이지(브랜드 헤더)에서 사용됩니다. 다른 곳에서는 제품명이나 로고를 하드코딩하지 마세요.
단계
-
src/config/app.ts편집:name— 제품 이름 (사이드바,<title>, 인증 헤더).description—<meta name="description">.logo— 모든 Phosphor 아이콘 컴포넌트 (예:import { RocketIcon }).theme—{ defaultTheme: "light" | "dark" | "system", enableSystem }.
-
탐색은
src/lib/sidebar-items.ts(mainMenuItems,bottomMenuItems)에 있으며appConfig.nav로 노출됩니다. 항목을 추가/제거/재정렬하되// create-resource:anchor라인은 유지하세요 (생성기가 그 위에 삽입합니다). -
테마 토큰(색상)은
src/styles/app.css에 CSS 변수 (--primary,--chart-1..5, …)로 정의되어 있으며 밝은 테마와.dark모두에 적용됩니다. 차트와 StatusChip은 자동으로 다시 테마가 적용됩니다.
확인
bun run check 실행 후 애플리케이션을 로드하세요. 사이드바, 브라우저 탭 제목, 로그인 페이지 모두 새 브랜드가 표시됩니다. appConfig 단위 테스트(src/config/app.test.ts)는 탐색 불변을 확인합니다.