Build Your UI Component Library in React & Next.js | ShadCN UI for Beginners

Published: 12 April 2024
on channel: Dave Gray
38,330
1.1k

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Build your UI Component Library in React & Next.js with this ShadCN UI for Beginners tutorial. Shadcn ui is a collection of re-usable components that you can use as a reference to build your own component library.

💖 Support me on Patreon ➜   / davegray  

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜   / discord  

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

🔗 Source Code Example: https://github.com/gitdagray/shadcn-u...

🔗 My Next.js Videos:    • Next.js Tutorials for Beginners  

👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  

Build Your UI Component Library in React & Next.js | ShadCN UI for Beginners

(00:00) Intro
(00:11) Welcome
(00:34) What is shadcn/ui?
(02:04) Suggested Prerequisites
(02:50) Installing shadcn/ui
(07:57) Adding Your First Component
(13:45) Quick View of Dark Mode
(14:47) Building a Custom Component

📚 Tutorial References:
🔗 shadcn/ui: https://ui.shadcn.com/
🔗 Next.js: https://nextjs.org
🔗 Next.js Light & Dark Modes: https://www.davegray.codes/posts/ligh...

Was this tutorial about building your own UI component library with shadcn/ui helpful? If so, please share. Let me know your thoughts in the comments.

#shadcn #ui #component


Watch video Build Your UI Component Library in React & Next.js | ShadCN UI for Beginners online without registration, duration hours minute second in high quality. This video was added by user Dave Gray 12 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 38,330 once and liked it 1.1 thousand people.