How to Setup Shadcn UI + Themes in NextJs 14
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
Watch video How to Setup Shadcn UI + Themes in NextJs 14 online without registration, duration hours minute second in high quality. This video was added by user Hamed Bahram 20 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 33,07 once and liked it 54 people.