arhamkhnz/next-shadcn-admin-dashboard

这是什么？

核心功能

• 01基于 Next.js 16 App Router、TypeScript、Tailwind CSS v4 与 shadcn/ui 构建
• 02内置多套仪表盘，以及文件管理、聊天、邮件、看板、发票等页面
• 03支持亮色与暗色主题，并提供多种配色预设
• 04侧边栏可折叠，内容区宽度可调
• 05表单使用 React 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 是一套使用 TypeScript 编写的后台管理模板，基于 Next.js 16（App Router）、Tailwind CSS v4 和 shadcn/ui 构建。它内置 Default、CRM、Finance、Analytics、Productivity 等多套仪表盘，并提供文件管理、聊天、邮件、看板、发票、日历、用户与角色管理等页面，以及四种认证界面。

next-shadcn-admin-dashboard 可以免费使用吗？用的什么许可证？

next-shadcn-admin-dashboard 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

next-shadcn-admin-dashboard 还在维护吗？

活跃维护中。next-shadcn-admin-dashboard 最近一次提交是在 2026年11月6日。

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