여러 대시보드와 인증 화면, 테마 프리셋을 갖춘 Next.js 16 및 shadcn/ui 관리자 대시보드 템플릿입니다.
satnaing/shadcn-admin
Shadcn UI 컴포넌트와 Vite로 만든 관리자 대시보드 UI 템플릿으로, 라이트/다크 모드, RTL 지원, 전역 검색 명령을 제공합니다.
- 스타
- 16,602
- 포크
- 2,498
- 열린 이슈
- 24
- 마지막 커밋
- 2개월 전
어떤 프로젝트인가요?
Shadcn Admin은 Shadcn UI, TailwindCSS, RadixUI, Vite를 사용해 만든 재사용 가능한 관리자 대시보드 UI입니다. 미리 구성된 페이지 10개 이상과 내장 사이드바 컴포넌트를 제공해, 새 프로젝트마다 반복해서 만드는 일반적인 대시보드 레이아웃 작업을 줄여줍니다.
라이트 모드와 다크 모드, 반응형 레이아웃, 전역 검색 명령, 기본 Shadcn 구성 요소에 추가된 커스텀 컴포넌트를 제공합니다. 일부 컴포넌트는 오른쪽에서 왼쪽으로 쓰는(RTL) 언어를 지원하도록 수정되어 있습니다. Shadcn CLI로 업데이트할 때 어떤 컴포넌트를 직접 병합해야 하는지 알 수 있도록 관련 내용도 문서화되어 있습니다.
라우팅에는 TanStack Router, 타입 검사에는 TypeScript를 사용하며, 린팅과 포맷팅에는 ESLint와 Prettier를 사용합니다. 부분적인 인증 기능을 위해 Clerk도 통합되어 있습니다. 로컬에서는 pnpm으로 실행하며, 스타터 템플릿은 아닙니다.
핵심 기능
- 01라이트 모드 및 다크 모드 지원
- 02접근성을 고려한 반응형 레이아웃
- 03내장 사이드바 컴포넌트 및 전역 검색 명령
- 04미리 구성된 페이지 10개 이상
- 05일부 커스텀 컴포넌트의 RTL 언어 지원
활용 사례
- 내부 관리자 패널이나 백오피스 도구의 프런트엔드 시작점으로 활용
- Shadcn 컴포넌트를 사용한 SaaS 대시보드 프로토타이핑
- RTL 언어 사용자용 관리자 인터페이스 구축
빠른 시작
- 1
프로젝트를 클론합니다
git clone https://github.com/satnaing/shadcn-admin.git - 2
프로젝트 디렉터리로 이동합니다
cd shadcn-admin - 3
종속성을 설치합니다
pnpm install - 4
개발 서버를 시작합니다
pnpm run dev
사용 전 알아둘 점
- 인증 기능은 일부만 구현되어 있으며 스폰서인 Clerk를 사용하므로, 일부 기능에는 Clerk 계정이 필요할 수 있습니다.
- 스타터 프로젝트가 아니라 UI 템플릿이므로, 바로 사용할 수 있는 앱 기반은 아닙니다.
포함된 컬렉션
토픽
자주 묻는 질문
- shadcn-admin은(는) 무엇인가요?
- Shadcn UI 컴포넌트와 Vite로 만든 관리자 대시보드 UI 템플릿으로, 라이트/다크 모드, RTL 지원, 전역 검색 명령을 제공합니다. Shadcn Admin은 Shadcn UI, TailwindCSS, RadixUI, Vite를 사용해 만든 재사용 가능한 관리자 대시보드 UI입니다. 미리 구성된 페이지 10개 이상과 내장 사이드바 컴포넌트를 제공해, 새 프로젝트마다 반복해서 만드는 일반적인 대시보드 레이아웃 작업을 줄여줍니다.
- shadcn-admin은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- shadcn-admin은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- shadcn-admin은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. shadcn-admin의 마지막 커밋은 2026년 9월 10일입니다.
- shadcn-admin은(는) 어디에 사용할 수 있나요?
- 내부 관리자 패널이나 백오피스 도구의 프런트엔드 시작점으로 활용 Shadcn 컴포넌트를 사용한 SaaS 대시보드 프로토타이핑 RTL 언어 사용자용 관리자 인터페이스 구축
- shadcn-admin는 어떻게 설치하나요?
- 프로젝트를 클론합니다: git clone https://github.com/satnaing/shadcn-admin.git 프로젝트 디렉터리로 이동합니다: cd shadcn-admin 종속성을 설치합니다: pnpm install 개발 서버를 시작합니다: pnpm run dev
- shadcn-admin은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/satnaing/shadcn-admin
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
shadcn/ui, Tailwind, Supabase와 Copilot 및 Cursor용 AI 어시스턴트 지침을 갖춘 React + Vite + TypeScript 보일러플레이트입니다.
25개 이상의 데이터베이스와 모든 API를 연결해 관리 패널, 내부 도구, 대시보드를 만드는 오픈소스 로우코드 플랫폼
React, Tailwind CSS, Base UI로 만든 오픈소스 shadcn/ui 컴포넌트, 블록, 대시보드 템플릿으로, CLI나 복사·붙여넣기로 프로젝트에 추가할 수 있습니다.
CoreUI UI 라이브러리를 기반으로 사전 제작된 레이아웃, 컴포넌트, 페이지를 제공하는 무료 오픈소스 Bootstrap 5 관리자 대시보드 템플릿입니다.
Next.js 또는 shadcn/ui 앱에 복사해 넣어 사용할 수 있는 애니메이션 UI 컴포넌트와 효과 모음입니다.