{"id":25927967,"url":"https://github.com/tlklein/next-shadcn-dashboard-starter","last_synced_at":"2025-03-03T21:11:17.637Z","repository":{"id":277609357,"uuid":"929227060","full_name":"tlklein/next-shadcn-dashboard-starter","owner":"tlklein","description":"This project is a starter template for building an Admin Dashboard using Next.js 15 and ShadCN UI.","archived":false,"fork":false,"pushed_at":"2025-02-24T22:06:55.000Z","size":2946,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-02-24T23:20:31.741Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tlklein.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"kir4n","custom":["https://www.paypal.me/imkir4n"]}},"created_at":"2025-02-08T03:52:59.000Z","updated_at":"2025-02-24T22:06:58.000Z","dependencies_parsed_at":"2025-02-14T22:29:51.837Z","dependency_job_id":"a53cd8c6-fbc7-4c92-9af3-43874a3fa868","html_url":"https://github.com/tlklein/next-shadcn-dashboard-starter","commit_stats":null,"previous_names":["tlklein/next-shadcn-dashboard-starter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlklein%2Fnext-shadcn-dashboard-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlklein%2Fnext-shadcn-dashboard-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlklein%2Fnext-shadcn-dashboard-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlklein%2Fnext-shadcn-dashboard-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tlklein","download_url":"https://codeload.github.com/tlklein/next-shadcn-dashboard-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241739427,"owners_count":20012103,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-03T21:11:17.040Z","updated_at":"2025-03-03T21:11:17.630Z","avatar_url":"https://github.com/tlklein.png","language":"TypeScript","funding_links":["https://buymeacoffee.com/kir4n","https://www.paypal.me/imkir4n"],"categories":[],"sub_categories":[],"readme":"\n\u003ch1 align=\"center\"\u003e\u003cstrong\u003eNext.js Admin Dashboard Starter Template With Shadcn-ui\u003c/strong\u003e\u003c/h1\u003e\n\u003cdiv align=\"center\"\u003eThis project is a starter template for building an Admin Dashboard using Next.js 15 and ShadCN UI. It provides a structured foundation with essential features like navigation, authentication, and UI components to help developers quickly set up an admin panel. \u003c/div\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"\"\u003eView Demo\u003c/a\u003e\n\u003cspan\u003e\n\u003c/div\u003e\n\n\n## Overview\n- NOTE: **Next 15** with **React 19**\n\nThis is the general technical framework:\n\n- Framework - [Next.js 15](https://nextjs.org/13)\n- Language - [TypeScript](https://www.typescriptlang.org)\n- Styling - [Tailwind CSS](https://tailwindcss.com)\n- Components - [Shadcn-ui](https://ui.shadcn.com)\n- Schema Validations - [Zod](https://zod.dev)\n- State Management - [Zustand](https://zustand-demo.pmnd.rs)\n- Search params state manager - [Nuqs](https://nuqs.47ng.com/)\n- Auth - [Auth.js](https://authjs.dev/)\n- Tables - [Tanstack Tables](https://ui.shadcn.com/docs/components/data-table)\n- Forms - [React Hook Form](https://ui.shadcn.com/docs/components/form)\n- Command+k interface - [kbar](https://kbar.vercel.app/)\n- Linting - [ESLint](https://eslint.org)\n- Pre-commit Hooks - [Husky](https://typicode.github.io/husky/)\n- Formatting - [Prettier](https://prettier.io)\n- F1 World Championship Data 1950-2020 - [Kaggle](https://www.kaggle.com/datasets/rohanrao/formula-1-world-championship-1950-2020)\n\n\n## Feature-based organization\n\n```plaintext\nsrc/\n├── app/ # Next.js App Router directory\n│ ├── (auth)/ # Auth route group\n│ │ ├── (signin)/\n│ ├── (dashboard)/ # Dashboard route group\n│ │ ├── layout.tsx\n│ │ ├── loading.tsx\n│ │ └── page.tsx\n│ └── api/ # API routes\n│\n├── components/ # Shared components\n│ ├── ui/ # UI components (buttons, inputs, etc.)\n│ └── layout/ # Layout components (header, sidebar, etc.)\n│\n├── features/ # Feature-based modules\n│ ├── feature/\n│ │ ├── components/ # Feature-specific components\n│ │ ├── actions/ # Server actions\n│ │ ├── schemas/ # Form validation schemas\n│ │ └── utils/ # Feature-specific utilities\n│ │\n├── lib/ # Core utilities and configurations\n│ ├── auth/ # Auth configuration\n│ ├── db/ # Database utilities\n│ └── utils/ # Shared utilities\n│\n├── hooks/ # Custom hooks\n│ └── use-debounce.ts\n│\n├── stores/ # Zustand stores\n│ └── dashboard-store.ts\n│\n└── types/ # TypeScript types\n└── index.ts\n```\n\n## Getting Started\n- Follow these steps:\n\nClone the repo:\n\n```\ngit clone https://github.com/tlklein/next-shadcn-dashboard-starter.git\n```\n\n- `pnpm install` ( we have legacy-peer-deps=true added in the .npmrc)\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- `pnpm run dev`\n\nYou should now be able to access the application at http://localhost:3000.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftlklein%2Fnext-shadcn-dashboard-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftlklein%2Fnext-shadcn-dashboard-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftlklein%2Fnext-shadcn-dashboard-starter/lists"}