How to Setup Shadcn UI + Themes in NextJs 14
Hamed Bahram Hamed Bahram
183K subscribers
33,210 views
545

 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

Share/Embed