shadcn/ui Courses and Certifications

shadcn/ui Deconstructed

Dive into shadcn/ui's architecture by reverse-engineering its code to master composition patterns, styling techniques, and design system principles for building robust UI components.

• Laracasts
• 2 hours 28 minutes
• On-Demand
• Paid Course

ByteGrad

The Ultimate Shadcn UI and Claude Code Workflow - Design System, Claude Extension, MCP, Figma

Discover modern UI development workflows combining Shadcn UI with Claude AI tools, Figma integration, and Builder.io for streamlined React component creation and design systems.

• YouTube
• 19 minutes
• On-Demand
• Free Video

CodeWithHarry

Building a Password Manager with Next.js, Clerk, Tailwind CSS and Shadcn UI

Master the creation of a secure password manager application using Next.js, integrating authentication with Clerk while styling with Tailwind CSS and Shadcn UI components.

• YouTube
• 1 hour 55 minutes
• On-Demand
• Free Video

Traversy Media

Building an Admin Dashboard with Next.js, TypeScript, and Shadcn/ui

Build a dynamic admin dashboard using Next.js, TypeScript, and Shadcn/ui. Learn to create interactive components, implement data visualization, and develop user authentication features.

• YouTube
• 2 hours 17 minutes
• On-Demand
• Free Video

ByteGrad

Add AI to Next.js with AI SDK and AI Elements - Shadcn UI Tutorial

Discover how to seamlessly integrate AI into Next.js applications using AI SDK and AI Elements with Shadcn UI components for enhanced user experiences.

• YouTube
• 22 minutes
• On-Demand
• Free Video

Dave Gray

Next.js Modal with Parallel and Intercepting Routes Using shadcn/ui Dialog

Learn to build Next.js modals using parallel and intercepting routes with shadcn/ui Dialog component. Enhance your web development skills with this practical tutorial on creating dynamic, interactive interfaces.

• YouTube
• 26 minutes
• On-Demand
• Free Video

Dave Gray

Next.js Modal Form with React-Hook-Form, ShadCN/UI Dialog, and Server Actions - Tutorial

Build a Next.js modal form using React-Hook-Form, ShadCN/ui Dialog, server actions, and validation. Learn type-safe data fetching, component routing, and form rendering with server responses.

• YouTube
• 33 minutes
• On-Demand
• Free Video

Dave Gray

Type Safe Form Inputs with React-Hook-Form and ShadCN/UI in Next.js

Master type-safe form development in Next.js using React-Hook-Form and ShadCN/ui to create custom inputs with immediate validation feedback and enhanced user experience through practical component implementation.

• YouTube
• 1 hour 15 minutes
• On-Demand
• Free Video

Dave Gray

Next.js Form Development with React-Hook-Form, Drizzle-Zod, and ShadCN/UI

Master form validation and data handling in Next.js by implementing react-hook-form components, creating Zod schemas, and integrating ShadCN/ui for a robust full-stack application.

• YouTube
• 47 minutes
• On-Demand
• Free Video

Brian Design

Shadcn UI Tutorial - Build Projects Faster with Next.js

Learn to accelerate project development using Shadcn UI with Next.js, TypeScript, and Tailwind CSS. Explore readily-made, customizable components to streamline your workflow and build faster.

• YouTube
• 26 minutes
• On-Demand
• Free Video

Cursor Course: FullStack development with Cursor Vibe Coding

3407 ratings at Udemy

Vibe Coding, Learn to build Micro SAAS from the ground up using Cursor (Includes v0, shadcn UI, Vercel Deployment)

• Udemy
• 11 hours 47 minutes
• On-Demand
• Paid Course

Mastering NextJS 14 & OpenAI

553 ratings at Udemy

Build GeniusGPT Full-Stack App with Next.js 14+, OpenAI , Clerk Auth, Prisma, Tailwind, Shadcn-ui DaisyUI, Typescript

• Udemy
• 13 hours 40 minutes
• On-Demand
• Paid Course

Mastering Next.js 14 - Build Airbnb Clone from Scratch

479 ratings at Udemy

Build Airbnb Full-Stack App with Next.js 14+, Typescript, Clerk Auth, Prisma, Supabase, Tailwind, Shadcn-ui, Zod,Vercel

• Udemy
• 18 hours 24 minutes
• On-Demand
• Paid Course

Practical Typescript

281 ratings at Udemy

Unleash the Power of TypeScript: Dive into Type Annotations, Generics, React Integration, and Build Modern Apps

• Udemy
• 20 hours 7 minutes
• On-Demand
• Paid Course

Packt Microcredential

Next.js Ecommerce - Build a Shopping Platform From Scratch

Build a production-ready eCommerce platform using Next.js, PostgreSQL, and Prisma with authentication, payments, admin dashboards, and advanced search functionality.

• Coursera
• 4 weeks, 10 hours a week
• On-Demand
• Paid Course
• 3 courses