프로젝트 소개

Shadcn Admin Dashboard는 Shadcn과 Vite로 제작된 관리자 대시보드 UI로, 반응성과 접근성을 염두에 두고 설계되었습니다. 저자는 업무 및 개인 프로젝트에서 얻은 대시보드 UI 패턴의 재사용 가능한 컬렉션으로 이 프로젝트를 만들었으며, 일부 코드는 ShadcnUI 예제에서 직접 차용했습니다. README에는 이 프로젝트가 스타터 프로젝트나 템플릿이 아니며, 향후 만들어질 수 있다고 명시되어 있습니다. 주요 기능으로는 라이트/다크 모드, 반응형 레이아웃, 접근성, 내장 사이드바 컴포넌트, 전역 검색 명령, 10개 이상의 페이지, 추가 사용자 정의 컴포넌트 및 RTL(오른쪽에서 왼쪽) 지원이 있습니다. 주목할 만한 세부 사항은 사용자 정의된 Shadcn UI 컴포넌트의 처리입니다. 일부 컴포넌트는 더 나은 RTL 지원 및 기타 개선을 위해 약간 수정되었으며, 원래 Shadcn UI 버전과 다릅니다. README는 이를 "수정된 컴포넌트"(scroll-area, sonner, separator)와 "RTL 업데이트 컴포넌트"(alert-dialog, calendar, command, dialog, dropdown-menu, select, table, sheet, sidebar, switch)로 분류합니다. Shadcn CLI를 통해 사용자 정의되지 않은 컴포넌트를 업데이트하는 것은 일반적으로 안전하지만, 사용자 정의된 컴포넌트는 RTL 지원이나 기타 수정 사항을 보존하기 위해 수동 병합이 필요할 수 있다고 조언합니다. RTL 지원이 필요하지 않은 경우 RTL 업데이트 컴포넌트는 CLI를 통해 안전하게 업데이트할 수 있습니다. 구현 세부 사항은 src/components/ui/에 있습니다. 기술 스택은 다음과 같습니다: UI용 ShadcnUI(TailwindCSS + RadixUI), 빌드 도구용 Vite, 라우팅용 TanStack Router, 타입 검사용 TypeScript, 린팅 및 포맷팅용 ESLint와 Prettier, 아이콘용 Lucide Icons 및 Tabler Icons(브랜드 아이콘만), 부분 인증용 Clerk입니다. 로컬에서 실행하려면 README에 네 가지 단계가 있습니다: 저장소를 클론하고, 프로젝트 디렉토리로 이동하고, pnpm install로 종속성을 설치하고, pnpm run dev로 서버를 시작합니다. 이 프로젝트는 MIT 라이선스이며 @satnaing이 유지 관리하고 있으며, 후원 옵션과 Clerk가 현재 후원자로 나열되어 있습니다.