Next.js 13.4 UI Library Setup & Tutorial with shadcn/ui

🎓 Join my learning platform for module based courses, learning exercises, and more: https://coderprep.com/

In this video we create a Next.js 13.4 project with the shadcn/ui UI library. We understand how to add new components to our application, how to create custom components, and how to build UI interfaces with the shadcn/ui library. This is a great introductory video, and should help those new to Next.js get started with one of the best Next.js 13 UI libraries out there. If you're looking for a Next.js 13 UI library , I'd suggest giving this one a shot for your next project.

npx create-next-app -e https://github.com/shadcn/next-template
Client VS Server Components: https://www.youtube.com/watch?v=lJxU3-61F2I
Final project code: https://github.com/coopercodes/introToShadcnUI

0:00 Intro / Project
1:20 Set up Next.js 13 project with shadcn/ui
3:15 Create initial UI
4:15 Create calendar component
9:10 Create button component
11:57 Final project / thanks for watching!