This repo was used in the shadcn/ui crash course video on YouTube where we build out an ecommerce landing page.
Discover 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.
This video covers:
- Ease of Use: Copy and paste components or use the CLI for setup.
- Integration with Radix & Tailwind: Unstyled, accessible components with utility-first CSS.
- Installation Guides: Step-by-step setup in Astro, Vite, Gatsby, Remix, and Next.js 13.4.
- Application Build: Build an e-commerce storefront with shadcn, inspired by @codewithantonio .
- Accessibility & Customization: Full keyboard navigation, assistive technology support, and more.
- Themes & Dark Mode: Choose from predefined themes and enjoy TypeScript support.
Shadcn/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!
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.