arhamkhnz/next-shadcn-admin-dashboard

Что это?

Ключевые возможности

• 01Next.js 16 App Router с TypeScript, Tailwind CSS v4 и shadcn/ui
• 02Несколько готовых дашбордов, а также страницы для управления файлами, чата, электронной почты, kanban-доски и счетов
• 03Светлая и тёмная темы с несколькими цветовыми пресетами
• 04Сворачиваемая боковая панель и варианты компоновки с настраиваемой шириной содержимого
• 05Валидация форм с React Hook Form и Zod, управление состоянием с Zustand

Сценарии использования

• Создание внутренней панели для бэк-офиса или операционной деятельности на shadcn/ui
• Прототипирование админ-панелей SaaS с готовыми макетами CRM, финансовых инструментов или аналитики
• Повторное использование экранов авторизации и страниц настроек в проекте на 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 — шаблон админ-панели на TypeScript, созданный с помощью Next.js 16 (App Router), Tailwind CSS v4 и shadcn/ui. В комплект входят несколько готовых дашбордов — Default, CRM, Finance, Analytics и Productivity, — а также страницы управления файлами, чата, электронной почты, kanban-доски, счетов, календаря, пользователей и ролей, а также четыре экрана авторизации.

next-shadcn-admin-dashboard можно использовать бесплатно? Какая у него лицензия?

next-shadcn-admin-dashboard распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

next-shadcn-admin-dashboard всё ещё поддерживается?

Активно поддерживается. Последний коммит в next-shadcn-admin-dashboard — 6 нояб. 2026 г..

Для чего можно использовать next-shadcn-admin-dashboard?

Создание внутренней панели для бэк-офиса или операционной деятельности на shadcn/ui Прототипирование админ-панелей SaaS с готовыми макетами CRM, финансовых инструментов или аналитики Повторное использование экранов авторизации и страниц настроек в проекте на 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