[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73891":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":37,"readmeContent":38,"aiSummary":39,"trendingCount":16,"starSnapshotCount":16,"syncStatus":15,"lastSyncTime":40,"discoverSource":41},73891,"next-shadcn-admin-dashboard","arhamkhnz\u002Fnext-shadcn-admin-dashboard","arhamkhnz","Modern Admin Dashboard Template built with Shadcn UI and Next.js 16","https:\u002F\u002Fnext-shadcn-admin-dashboard.vercel.app",null,"TypeScript",2465,476,25,2,0,20,48,190,60,30.04,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36],"admin-dashboard","admin-dashboard-ui","admin-panel","admin-ui","dashboard","nextjs-admin","nextjs-starter","nextjs-template","shadcn","shadcn-admin","2026-06-12 02:03:19","# Next.js Admin Template with TypeScript & Shadcn UI\n\n**Studio Admin** - Includes multiple dashboards, authentication layouts, customizable theme presets, and more.\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Farhamkhnz\u002Fnext-shadcn-admin-dashboard\u002Fblob\u002Fmain\u002Fmedia\u002Fdashboard.png?version=5\" alt=\"Dashboard Screenshot\">\n\nMost admin templates I found, free or paid, felt cluttered, outdated, or too rigid. I built this as a cleaner alternative with features often missing in others, such as theme toggling and layout controls, while keeping the design modern, minimal, and flexible.\n\n> **View demo:** [studio admin](https:\u002F\u002Fnext-shadcn-admin-dashboard.vercel.app)\n\n> [!NOTE]\n> Looking for the Base UI version? Check out [next-shadcn-admin-dashboard-baseui](https:\u002F\u002Fgithub.com\u002Farhamkhnz\u002Fnext-shadcn-admin-dashboard-baseui).\n\n> [!TIP]\n> I’m also working on Nuxt.js, Svelte, and React (Vite + TanStack Router) versions of this dashboard. They’ll be live soon.\n\n## Features\n\n- Built with Next.js 16, TypeScript, Tailwind CSS v4, and Shadcn UI  \n- Responsive and mobile-friendly  \n- Customizable theme presets (light\u002Fdark modes with color schemes like Tangerine, Brutalist, and more)  \n- Flexible layouts (collapsible sidebar, variable content widths)  \n- Authentication flows and screens  \n- Prebuilt dashboards (Default, CRM, Finance, Analytics, Productivity) plus legacy variants  \n- Role-Based Access Control (RBAC) with config-driven UI and multi-tenant support *(planned)*  \n\n> [!NOTE]\n> The default dashboard uses the **shadcn neutral** theme.  \n> It also includes additional color presets inspired by [Tweakcn](https:\u002F\u002Ftweakcn.com):  \n>\n> - Tangerine  \n> - Neo Brutalism  \n> - Soft Pop  \n>\n> You can create more presets by following the same structure as the existing ones.\n\n> Looking for the **Next.js 15** version?  \n> Check out the [`archive\u002Fnext15`](https:\u002F\u002Fgithub.com\u002Farhamkhnz\u002Fnext-shadcn-admin-dashboard\u002Ftree\u002Farchive\u002Fnext15) branch.  \n> This branch contains the setup prior to upgrading to Next 16 and the React Compiler.\n\n> Looking for the **Next.js 14 + Tailwind CSS v3** version?  \n> Check out the [`archive\u002Fnext14-tailwindv3`](https:\u002F\u002Fgithub.com\u002Farhamkhnz\u002Fnext-shadcn-admin-dashboard\u002Ftree\u002Farchive\u002Fnext14-tailwindv3) branch.  \n> It has a different color theme and is not actively maintained, but I try to keep it updated with major changes.  \n\n## Tech Stack\n\n- **Framework**: Next.js 16 (App Router), TypeScript, Tailwind CSS v4  \n- **UI Components**: Shadcn UI  \n- **Validation**: Zod  \n- **Forms & State Management**: React Hook Form, Zustand  \n- **Tables & Data Handling**: TanStack Table  \n- **Tooling & DX**: Biome, Husky  \n\n## Screens\n\n### Available\n- Default Dashboard  \n- CRM Dashboard  \n- Finance Dashboard  \n- Analytics Dashboard  \n- Productivity Dashboard  \n- E-commerce Dashboard  \n- Academy Dashboard  \n- Authentication (4 screens)  \n- Legacy: Default v1, CRM v1, Finance v1, Analytics v1\n\n### Coming Soon\n- Logistics Dashboard  \n- Email Page  \n- Chat Page  \n- Calendar Page  \n- Kanban Board  \n- Invoice Page  \n- Users Management  \n- Roles Management  \n\n## Colocation File System Architecture\n\nThis project follows a **colocation-based architecture** each feature keeps its own pages, components, and logic inside its route folder.  \nShared UI, hooks, and configuration live at the top level, making the codebase modular, scalable, and easier to maintain as the app grows.\n\nFor a full breakdown of the structure with examples, see the [Next Colocation Template](https:\u002F\u002Fgithub.com\u002Farhamkhnz\u002Fnext-colocation-template).\n\n## Getting Started\n\nYou can run this project locally, or deploy it instantly with Vercel.\n\n### Deploy with Vercel\n\n[![Deploy with Vercel](https:\u002F\u002Fvercel.com\u002Fbutton)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2Farhamkhnz%2Fnext-shadcn-admin-dashboard)\n\n_Deploy your own copy with one click._\n\n### Run locally\n\n1. **Clone the repository**\n   ```bash\n   git clone https:\u002F\u002Fgithub.com\u002Farhamkhnz\u002Fnext-shadcn-admin-dashboard.git\n   ```\n   \n2. **Navigate into the project**\n   ```bash\n    cd next-shadcn-admin-dashboard\n   ```\n   \n3. **Install dependencies**\n   ```bash\n    npm install\n   ```\n\n4. **Start the development server**\n   ```bash\n   npm run dev\n   ```\n\nYour app will be running at [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000)\n\n### Formatting and Linting\n\nFormat, lint, and organize imports\n```bash\nnpx @biomejs\u002Fbiome check --write\n```\n> For more information on available rules, fixes, and CLI options, refer to the [Biome documentation](https:\u002F\u002Fbiomejs.dev\u002F).\n\n---\n\n> [!IMPORTANT]  \n> This project is updated frequently. If you’re working from a fork or an older clone, pull the latest changes before syncing. Some updates may include breaking changes.\n\n---\n\nContributions are welcome. Feel free to open issues, feature requests, or start a discussion.\n\n\n**Happy Vibe Coding!**\n","Next-shadcn-admin-dashboard 是一个基于 Shadcn UI 和 Next.js 16 构建的现代化管理后台模板。项目核心功能包括响应式设计、多款预设主题（如浅色\u002F深色模式及多种颜色方案）、灵活布局（可折叠侧边栏和可变内容宽度）以及多种预构建的仪表盘（如CRM、财务、分析等）。此外，它还支持认证流程和屏幕，并计划引入基于角色的访问控制(RBAC)与多租户支持。此项目适合需要快速搭建美观且功能丰富的管理界面的应用场景，特别是那些追求现代简约风格和技术栈先进性的开发者或团队。","2026-06-11 03:47:48","high_star"]