[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71364":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":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},71364,"next-shadcn-dashboard-starter","Kiranism\u002Fnext-shadcn-dashboard-starter","Kiranism","Open source admin dashboard starter built with Next.js 16, shadcn\u002Fui, Tailwind CSS, and TypeScript.","https:\u002F\u002Fdub.sh\u002Fshadcn-dashboard",null,"TypeScript",6538,1527,41,4,0,15,55,138,45,40.55,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35],"admin-dashboard","dashboard-template","nextjs","nextjs-admin","nextjs-dashboard","nextjs-starter","shadcn-admin","shadcn-ui","tailwindcss","2026-06-12 02:02:51","\u003Ch1 align=\"center\">Admin Dashboard Template with Next.js & Shadcn UI\u003C\u002Fh1>\n\n\u003Cdiv align=\"center\">Open source admin dashboard starter built with Next.js 16, shadcn\u002Fui, Tailwind CSS, TypeScript\u003C\u002Fdiv>\n\n\u003Cbr \u002F>\n\n\u003Cdiv align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fdub.sh\u002Fshadcn-dashboard\">\u003Cstrong>View Demo\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fdiv>\n\u003Cbr \u002F>\n\u003Cdiv align=\"center\">\n  \u003Cimg src=\"\u002Fpublic\u002Fshadcn-dashboard.png\" alt=\"Shadcn Dashboard Cover\" style=\"max-width: 100%; border-radius: 8px;\" \u002F>\n\u003C\u002Fdiv>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FKiranism\u002Fnext-shadcn-dashboard-starter\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FKiranism\u002Fnext-shadcn-dashboard-starter?style=social\" alt=\"GitHub stars\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FKiranism\u002Fnext-shadcn-dashboard-starter\u002Fnetwork\u002Fmembers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002FKiranism\u002Fnext-shadcn-dashboard-starter?style=social\" alt=\"Forks\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FKiranism\u002Fnext-shadcn-dashboard-starter\u002Fblob\u002Fmain\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FKiranism\u002Fnext-shadcn-dashboard-starter\" alt=\"MIT License\" \u002F>\u003C\u002Fa>\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-16-black\" alt=\"Next.js\" \u002F>\n  \u003Ca href=\"https:\u002F\u002Fgo.clerk.com\u002FILdYhn7\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSponsored_by-Clerk-6C47FF?style=flat-square&logo=clerk\" alt=\"Sponsored by Clerk\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n## Overview\n\nThis is an **open source admin dashboard starter** built with **Next.js 16, Shadcn UI, TypeScript, and Tailwind CSS**.\n\nIt gives you a production-ready **dashboard UI** with authentication, charts, tables, forms, and a feature-based folder structure, perfect for **SaaS apps, internal tools, and admin panels**.\n\n### Tech Stack\n\nThis template uses the following stack:\n\n- Framework - [Next.js 16](https:\u002F\u002Fnextjs.org\u002F16)\n- Language - [TypeScript](https:\u002F\u002Fwww.typescriptlang.org)\n- Auth - [Clerk](https:\u002F\u002Fgo.clerk.com\u002FILdYhn7)\n- Error tracking - [Sentry](https:\u002F\u002Fsentry.io\u002Ffor\u002Fnextjs\u002F?utm_source=github&utm_medium=paid-community&utm_campaign=general-fy26q2-nextjs&utm_content=github-banner-project-tryfree)\n- Styling - [Tailwind CSS v4](https:\u002F\u002Ftailwindcss.com)\n- Components - [Shadcn-ui](https:\u002F\u002Fui.shadcn.com)\n- Charts - [Recharts](https:\u002F\u002Frecharts.org) • [Evil Charts](https:\u002F\u002Fevilcharts.com\u002F)\n- Schema Validations - [Zod](https:\u002F\u002Fzod.dev)\n- Data Fetching - [TanStack React Query](https:\u002F\u002Ftanstack.com\u002Fquery)\n- State Management - [Zustand](https:\u002F\u002Fzustand-demo.pmnd.rs)\n- Search params state manager - [Nuqs](https:\u002F\u002Fnuqs.47ng.com\u002F)\n- Tables - [Tanstack Data Tables](https:\u002F\u002Fui.shadcn.com\u002Fdocs\u002Fcomponents\u002Fdata-table) • [Dice table](https:\u002F\u002Fwww.diceui.com\u002Fdocs\u002Fcomponents\u002Fdata-table)\n- Forms - [TanStack Form](https:\u002F\u002Ftanstack.com\u002Fform) + [Zod](https:\u002F\u002Fzod.dev)\n- Command+k interface - [kbar](https:\u002F\u002Fkbar.vercel.app\u002F)\n- Linter \u002F Formatter - [OxLint](https:\u002F\u002Foxc.rs\u002Fdocs\u002Fguide\u002Fusage\u002Flinter) • [Oxfmt](https:\u002F\u002Foxc.rs\u002Fdocs\u002Fguide\u002Fusage\u002Fformatter)\n- Pre-commit Hooks - [Husky](https:\u002F\u002Ftypicode.github.io\u002Fhusky\u002F)\n- Themes - [tweakcn](https:\u002F\u002Ftweakcn.com\u002F)\n\n_If you are looking for a Tanstack start dashboard template, here is the [repo](https:\u002F\u002Fgit.new\u002Ftanstack-start-dashboard)._\n\n## Features\n\n- 🧱 Pre-built **admin dashboard layout** (sidebar, header, content area)\n\n- 📊 **Analytics overview** page with cards and charts\n\n- 📋 **Data tables** with React Query prefetch, client-side cache, search, filter & pagination\n\n- 🔐 **Authentication** & user management via Clerk\n\n- 🏢 **Multi-tenant workspaces** with Clerk Organizations (create, switch, manage teams)\n\n- 💳 **Billing & subscriptions** with Clerk Billing for B2B (plan management, feature gating)\n\n- 🔒 **RBAC navigation system** - Fully client-side navigation filtering based on organization, permissions, and roles\n\n- ℹ️ **Infobar component** to show helpful tips, status messages, or contextual info on any page\n\n- 🧩 **Shadcn UI components** with Tailwind CSS styling\n\n- 🎨 **Multi-theme support** with 6+ beautiful themes and easy theme switching\n\n- 🧠 Feature-based folder structure for scalable projects\n\n- ⚙️ Ready for **SaaS dashboards**, internal tools, and client admin panels\n\n## Use Cases\n\nYou can use this Next.js + Shadcn UI dashboard starter to build:\n\n- SaaS admin dashboards\n\n- Internal tools & operations panels\n\n- Analytics dashboards\n\n- Client project admin panels\n\n- Boilerplate for new Next.js admin UI projects\n\n## Pages\n\n| Pages                                                                                                                                                                  | Specifications                                                                                                                                                                                                                                                          |\n| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| [Signup \u002F Signin](https:\u002F\u002Fgo.clerk.com\u002FILdYhn7)                                                                                                                        | Authentication with **Clerk** provides secure authentication and user management with multiple sign-in options including passwordless authentication, social logins, and enterprise SSO - all designed to enhance security while delivering a seamless user experience. |\n| [Dashboard Overview](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard)                                                                                                  | Cards with Recharts graphs for analytics. Parallel routes in the overview sections feature independent loading, error handling, and isolated component rendering.                                                                                                       |\n| [Product List (Table)](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fproduct)                                                                                        | TanStack Table + React Query (server prefetch + client cache) with nuqs URL state for search, filter, pagination. `shallow: true` keeps interactions client-side.                                                                                                       |\n| [Create Product Form](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fproduct\u002Fnew)                                                                                     | TanStack Form + Zod with `useMutation` for create\u002Fupdate. Cache invalidation on success.                                                                                                                                                                                |\n| [Users (Table)](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fusers)                                                                                                 | Users table with React Query + nuqs pattern. Same architecture as Products — server prefetch, client-side pagination\u002Ffilter via React Query cache.                                                                                                                      |\n| [React Query Demo](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Freact-query)                                                                                        | Pokemon API showcase demonstrating server prefetch + `HydrationBoundary` + `useSuspenseQuery` pattern with client-side cache.                                                                                                                                           |\n| [Profile](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fprofile)                                                                                                     | Clerk's full-featured account management UI that allows users to manage their profile and security settings                                                                                                                                                             |\n| [Kanban Board](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fkanban)                                                                                                 | A Drag n Drop task management board with dnd-kit and zustand. Features column sorting, task cards with priority badges, assignees, and due dates.                                                                                                                       |\n| [Chat](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fchat)                                                                                                           | Real-time messaging UI with conversation list, message bubbles, quick replies, file attachments, and auto-reply demo. Multi-panel layout with mobile responsive design.                                                                                                 |\n| [Notifications](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fnotifications)                                                                                         | Notification center with bell icon badge in header, popover preview, and dedicated full page with tabs (All\u002FUnread\u002FRead). Mark as read, mark all as read actions.                                                                                                       |\n| [Workspaces](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fworkspaces)                                                                                               | Organization management page using Clerk's `\u003COrganizationList \u002F>` component. Users can view, create, and switch between organizations\u002Fworkspaces.                                                                                                                       |\n| [Team Management](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fworkspaces\u002Fteam)                                                                                     | Full-featured team management interface using Clerk's `\u003COrganizationProfile \u002F>` component. Manage members, roles, permissions, security settings, and organization details. Requires an active organization.                                                            |\n| [Billing & Plans](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fbilling)                                                                                             | Billing management page using Clerk's `\u003CPricingTable \u002F>` component. Organizations can view available plans, subscribe, and manage subscriptions. Requires an active organization.                                                                                       |\n| [Exclusive Page](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fexclusive)                                                                                            | Example of plan-based access control using Clerk's `\u003CProtect>` component. This page is only accessible to organizations on the Pro plan, demonstrating feature gating with fallback UI.                                                                                 |\n| [Not Found](https:\u002F\u002Fshadcn-dashboard.kiranism.dev\u002Fdashboard\u002Fnotfound)                                                                                                  | Not Found Page Added in the root level                                                                                                                                                                                                                                  |\n| [Global Error](https:\u002F\u002Fsentry.io\u002Ffor\u002Fnextjs\u002F?utm_source=github&utm_medium=paid-community&utm_campaign=general-fy26q2-nextjs&utm_content=github-banner-project-tryfree) | A centralized error page that captures and displays errors across the application. Integrated with **Sentry** to log errors, provide detailed reports, and enable replay functionality for better debugging.                                                            |\n\n## Feature based organization\n\n```plaintext\nsrc\u002F\n├── app\u002F                           # Next.js App Router directory\n│   ├── auth\u002F                      # Auth pages (sign-in, sign-up)\n│   ├── dashboard\u002F                 # Dashboard route group\n│   │   ├── overview\u002F              # Analytics with parallel routes\n│   │   ├── product\u002F               # Product CRUD pages (React Query)\n│   │   ├── users\u002F                 # Users table (React Query + nuqs)\n│   │   ├── react-query\u002F           # React Query demo page\n│   │   ├── kanban\u002F                # Task board page\n│   │   ├── chat\u002F                  # Messaging page\n│   │   ├── notifications\u002F         # Notifications page\n│   │   ├── workspaces\u002F            # Org management & teams\n│   │   ├── billing\u002F               # Billing & plans\n│   │   ├── profile\u002F               # User profile\n│   │   └── exclusive\u002F             # Plan-gated page\n│   └── api\u002F                       # API routes\n│\n├── components\u002F                    # Shared components\n│   ├── ui\u002F                        # UI primitives (buttons, inputs, kanban, etc.)\n│   ├── layout\u002F                    # Layout components (header, sidebar, etc.)\n│   ├── themes\u002F                    # Theme system (selector, mode toggle, config)\n│   └── kbar\u002F                      # Command+K interface\n│\n├── features\u002F                      # Feature-based modules\n│   ├── overview\u002F                  # Dashboard analytics (charts, cards)\n│   ├── products\u002F                  # Product listing, form, tables (React Query)\n│   ├── users\u002F                     # User management table (React Query)\n│   ├── react-query-demo\u002F          # React Query demo (Pokemon API)\n│   ├── kanban\u002F                    # Drag-drop task board\n│   ├── chat\u002F                      # Messaging (conversations, bubbles, composer)\n│   ├── notifications\u002F             # Notification center & store\n│   ├── auth\u002F                      # Auth components\n│   └── profile\u002F                   # Profile form schemas\n│\n├── lib\u002F                           # Core utilities (query-client, searchparams, etc.)\n├── hooks\u002F                         # Custom hooks\n├── config\u002F                        # Navigation, infobar, data table config\n├── constants\u002F                     # Mock data\n├── styles\u002F                        # Global CSS & theme files\n│   └── themes\u002F                    # Individual theme CSS files\n└── types\u002F                         # TypeScript types\n```\n\n## Getting Started\n\n> [!NOTE]  \n> This admin dashboard starter uses **Next.js 16 (App Router)** with **React 19** and **Shadcn UI**. Follow these steps to run it locally:\n\nClone the repo:\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002FKiranism\u002Fnext-shadcn-dashboard-starter.git\n```\n\n- `bun install`\n- Create a `.env.local` file by copying the example environment file:\n  `cp env.example.txt .env.local`\n- Add the required environment variables to the `.env.local` file.\n- `bun run dev`\n\n##### Environment Configuration Setup\n\nTo configure the environment for this project, refer to the `env.example.txt` file. This file contains the necessary environment variables required for authentication and error tracking.\n\n##### Clerk Setup\n\nFor detailed instructions on configuring Clerk authentication (including organizations\u002Fworkspaces\u002Fteams), please refer to [clerk_setup.md](.\u002Fdocs\u002Fclerk_setup.md).\n\nYou should now be able to access the application at http:\u002F\u002Flocalhost:3000.\n\n> [!WARNING]\n> After cloning or forking the repository, be cautious when pulling or syncing with the latest changes, as this may result in breaking conflicts.\n\n---\n\n#### Cleanup\n\nTo remove optional features you don't need (auth, kanban, chat, notifications, extra themes, sentry), run the cleanup script:\n\n```bash\nnode scripts\u002Fcleanup.js --interactive   # interactive mode\nnode scripts\u002Fcleanup.js --list          # see available features\nnode scripts\u002Fcleanup.js --dry-run chat  # preview before removing\nnode scripts\u002Fcleanup.js kanban chat     # remove specific features\n```\n\nRun `node scripts\u002Fcleanup.js --help` for all options. Delete `scripts\u002Fcleanup.js` when you're done.\n\n## Deploy\n\nThis project includes production-ready Dockerfiles (`Dockerfile` for Node.js, `Dockerfile.bun` for Bun) using standalone output mode. For all deployment options, see the [Next.js Deployment Documentation](https:\u002F\u002Fnextjs.org\u002Fdocs\u002Fapp\u002Fgetting-started\u002Fdeploying).\n\n### Docker\n\n**Build the image:**\n\n```bash\n# Node.js\ndocker build \\\n  --build-arg NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_live_xxxxx \\\n  -t shadcn-dashboard .\n\n# OR Bun\ndocker build -f Dockerfile.bun \\\n  --build-arg NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_live_xxxxx \\\n  -t shadcn-dashboard .\n```\n\n**Run the container:**\n\n```bash\ndocker run -d -p 3000:3000 \\\n  -e NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_live_xxxxx \\\n  -e CLERK_SECRET_KEY=sk_live_xxxxx \\\n  --restart unless-stopped \\\n  --name shadcn-dashboard \\\n  shadcn-dashboard\n```\n\n### ⭐ Support\n\nIf you find this template helpful, please consider giving it a star ⭐\nYou can also buy me a coffee if you'd like!\n\n[![Buy Me A Coffee](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FBuy%20Me%20A%20Coffee-support-yellow?style=flat-square&logo=buymeacoffee)](https:\u002F\u002Fbuymeacoffee.com\u002Fkir4n)\n\nCheers! 🥂\n\n\u003C!--\n\nSEO keywords:\n\nopen source admin dashboard, nextjs admin dashboard, nextjs dashboard template,\n\nshadcn ui dashboard, admin dashboard starter, next.js 16, typescript dashboard,\n\ndashboard ui template, nextjs shadcn admin panel, react admin dashboard,\n\ntailwind css admin dashboard\n\n-->\n\n---\n\n## Star History\n\n\u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F#Kiranism\u002Fnext-shadcn-dashboard-starter&type=date&legend=top-left\">\n \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=Kiranism\u002Fnext-shadcn-dashboard-starter&type=date&theme=dark&legend=top-left\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=Kiranism\u002Fnext-shadcn-dashboard-starter&type=date&legend=top-left\" \u002F>\n   \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=Kiranism\u002Fnext-shadcn-dashboard-starter&type=date&legend=top-left\" \u002F>\n \u003C\u002Fpicture>\n\u003C\u002Fa>\n","这是一个基于Next.js 16、Shadcn UI、Tailwind CSS和TypeScript构建的开源管理后台启动模板。项目提供了一个生产就绪的仪表盘界面，包括认证、图表、表格、表单等功能，并采用基于功能的文件夹结构，非常适合SaaS应用、内部工具和管理员面板的开发。技术栈方面，它集成了Clerk进行身份验证、Sentry用于错误追踪、Recharts和Evil Charts绘制图表、Zod处理数据验证等现代前端技术和库，以确保高效且可维护的代码质量。",2,"2026-06-11 03:37:22","high_star"]