Published On Feb 20, 2024
In this video, we'll set up shadcn/ui in our NextJs 14 app from scratch. We'll add light, dark, and a custom theme using CSS variables and build an example admin dashboard.
👉🏼 The Ultimate NextJs 14 Course
→ https://www.hamedbahram.io/courses/ne...
👉🏼 Project source code
→ https://github.com/HamedBahram/next-s...
👉🏼 NextJs starter template
→ https://github.com/HamedBahram/next-ts
👉🏼 Work with me
→ https://www.hamedbahram.io/hire
Chapters
0:00 Intro
0:45 Project setup
2:00 Installing shadcn
7:20 Adding components
10:20 Dark theme
12:50 Adding next-themes
17:50 Extending the themes
22:00 Admin dashboard
24:40 Recap
show more