arhamkhnz/next-shadcn-admin-dashboard

어떤 프로젝트인가요?

핵심 기능

• 01TypeScript, Tailwind CSS v4, shadcn/ui를 사용하는 Next.js 16 App Router
• 02미리 구성된 여러 대시보드와 파일 관리자, 채팅, 이메일, 칸반, 인보이스 페이지
• 03여러 색상 프리셋을 지원하는 라이트 및 다크 테마
• 04접을 수 있는 사이드바와 너비를 조정할 수 있는 콘텐츠 레이아웃
• 05React Hook Form과 Zod를 사용한 폼 검증 및 Zustand를 사용한 상태 관리

활용 사례

• shadcn/ui를 사용해 사내 백오피스 또는 운영 대시보드 시작하기
• 미리 구성된 CRM, 재무 또는 분석 레이아웃으로 SaaS 관리자 패널 프로토타이핑하기
• Next.js 프로젝트에서 인증 화면과 설정 페이지 재사용하기

빠른 시작

1. 1

   리포지토리를 클론합니다

   git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git
2. 2

   프로젝트 폴더로 이동합니다

   cd next-shadcn-admin-dashboard
3. 3

   종속성을 설치합니다

   npm install
4. 4

   개발 서버를 시작하고 http://localhost:3000을 엽니다

   npm run dev

사용 전 알아둘 점

• !일부 업데이트에는 호환성을 깨뜨리는 변경 사항이 포함될 수 있으므로, 새 버전을 가져올 때 마이그레이션 작업이 필요할 수 있습니다.
• !역할 기반 액세스 제어와 멀티 테넌트 지원은 예정된 기능으로 안내되어 있으며 아직 제공되지 않습니다.

포함된 컬렉션

토픽

자주 묻는 질문

next-shadcn-admin-dashboard은(는) 무엇인가요?

여러 대시보드와 인증 화면, 테마 프리셋을 갖춘 Next.js 16 및 shadcn/ui 관리자 대시보드 템플릿입니다. Studio Admin은 Next.js 16(App Router), Tailwind CSS v4, shadcn/ui로 만든 TypeScript 관리자 대시보드 템플릿입니다. Default, CRM, Finance, Analytics, Productivity 등 미리 구성된 대시보드와 파일 관리, 채팅, 이메일, 칸반, 인보이스, 캘린더, 사용자 및 역할 관리 페이지, 인증 화면 4개가 포함되어 있습니다.

next-shadcn-admin-dashboard은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

next-shadcn-admin-dashboard은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

next-shadcn-admin-dashboard은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. next-shadcn-admin-dashboard의 마지막 커밋은 2026년 11월 4일입니다.

next-shadcn-admin-dashboard은(는) 어디에 사용할 수 있나요?

shadcn/ui를 사용해 사내 백오피스 또는 운영 대시보드 시작하기 미리 구성된 CRM, 재무 또는 분석 레이아웃으로 SaaS 관리자 패널 프로토타이핑하기 Next.js 프로젝트에서 인증 화면과 설정 페이지 재사용하기

next-shadcn-admin-dashboard는 어떻게 설치하나요?

리포지토리를 클론합니다: git clone https://github.com/arhamkhnz/next-shadcn-admin-dashboard.git 프로젝트 폴더로 이동합니다: cd next-shadcn-admin-dashboard 종속성을 설치합니다: npm install 개발 서버를 시작하고 http://localhost:3000을 엽니다: npm run dev

next-shadcn-admin-dashboard은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/arhamkhnz/next-shadcn-admin-dashboard