{"id":18403237,"url":"https://github.com/codestackr/shadcn-nextjs","last_synced_at":"2025-10-24T17:33:49.059Z","repository":{"id":221894548,"uuid":"683445445","full_name":"codeSTACKr/shadcn-nextjs","owner":"codeSTACKr","description":null,"archived":false,"fork":false,"pushed_at":"2023-09-01T23:58:20.000Z","size":2005,"stargazers_count":48,"open_issues_count":4,"forks_count":16,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-16T03:46:13.989Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"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/codeSTACKr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2023-08-26T15:46:27.000Z","updated_at":"2024-11-16T09:55:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"f5922d73-7be0-4293-bcbc-52e6a780cc86","html_url":"https://github.com/codeSTACKr/shadcn-nextjs","commit_stats":null,"previous_names":["codestackr/shadcn-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fshadcn-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fshadcn-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fshadcn-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fshadcn-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeSTACKr","download_url":"https://codeload.github.com/codeSTACKr/shadcn-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248618275,"owners_count":21134200,"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":"2024-11-06T02:46:23.532Z","updated_at":"2025-10-24T17:33:48.954Z","avatar_url":"https://github.com/codeSTACKr.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shadcn/ui Crash Course\n\nThis repo was used in the shadcn/ui crash course video on YouTube where we build out an ecommerce landing page.\n\n\u003c!-- embed youtube in github readme  --\u003e\n[![shadcn/ui Crash Course](https://img.youtube.com/vi/DTGRIaAJYIo/0.jpg)](https://www.youtube.com/watch?v=DTGRIaAJYIo)\n\nDiscover the power of shadcn/ui, a collection of reusable React components that revolutionize CSS styling in this comprehensive tutorial. Learn how to build an amazing UI in just minutes. Explore the combination of Radix UI and Tailwind CSS, and how shadcn/ui supports server-side rendering, dark mode, and themes.\n\nThis video covers:\n\n- Ease of Use: Copy and paste components or use the CLI for setup.\n- Integration with Radix \u0026 Tailwind: Unstyled, accessible components with utility-first CSS.\n- Installation Guides: Step-by-step setup in Astro, Vite, Gatsby, Remix, and Next.js 13.4.\n- Application Build: Build an e-commerce storefront with shadcn, inspired by  @codewithantonio . \n- Accessibility \u0026 Customization: Full keyboard navigation, assistive technology support, and more.\n- Themes \u0026 Dark Mode: Choose from predefined themes and enjoy TypeScript support.\n\nShadcn/ui is not just a trend; it's a game-changer in web development. Whether you're a beginner or an expert, this video will guide you through the process of creating a visually appealing and fully functional application. Try shadcn in your next project and experience the ease and flexibility it offers. Don't forget to like and subscribe for more content like this!\n\n## Getting Started\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodestackr%2Fshadcn-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodestackr%2Fshadcn-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodestackr%2Fshadcn-nextjs/lists"}