shadcn/ui Courses and Certifications

NextJS & OpenAI - 2024 Edition

466 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 - Build Airbnb Clone from Scratch (2024)

325 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

179 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

Cursor Course: FullStack development with Cursor AI Copilot

129 ratings at Udemy

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

• Udemy
• 6 hours 27 minutes
• On-Demand
• Paid Course

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

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

pixegami

Building a Web UI for RAG/AI Apps with NextJS and TailwindCSS

Build a clean NextJS frontend for RAG/AI API using TailwindCSS and shadcn/ui. Learn to create static sites, implement key components, and integrate with backend services.

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

Dave Gray

Next.js Full Stack Project with Next.js 15 and React 19

Master full-stack development with Next.js 15, React 19, TypeScript, Tailwind CSS, ShadCN/ui, Sentry, Kinde Auth, Neon Postgres, and Drizzle ORM. Build a comprehensive project covering key concepts and technologies.

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

Web Dev Simplified

Building and Deploying a Job-Landing Portfolio with Next.js

Create a visually appealing and functional Next.js portfolio to increase job prospects. Learn MDX integration, theming, custom components, search functionality, and deployment to Vercel.

• YouTube
• 2 hours 21 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

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 Server Actions with Next-Safe-Action and Sentry - Type-Safe Error Handling Tutorial

Master type-safe server actions in Next.js using next-safe-action and Sentry, featuring built-in error handling, detailed logging, and practical implementation with customer and ticket forms.

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

Dave Gray

Building React Tables with Next.js, ShadCN, and TanStack Table

Master building responsive tables in Next.js applications using React Table (TanStack) and ShadCN/ui components, while implementing search functionality and error tracking with Sentry.

• YouTube
• 48 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