Next.js with shadcn/ui || Architecture || Components || Themes
Join tapaScript as a member & Enjoy the Perks:
/ @tapasadhikary
Let us learn about shadcn/ui and its architecture. We will know how to install, configure, and use it with the Next.js App Router. We will take a deep dive into a few helpful components and will build something cool that is forward-looking.
A few more things like theming and font configurations are also touched on in the explanation. It is a video that you do not want to miss because our future project building is depending on this one.
Let's GO 🚀
Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. I hope you enjoy this one the same way you liked the previous videos from the series.
I take special care to provide you the best quality content. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶
Timecodes
0:00 - We Will Learn These
00:55 - shadcn/ui Overview
04:10 - shadcn/ui Architecture
09:08 - What to Build?
10:31 - Initial Project Structure
12:46 - Install shadcn/ui with Next.js
16:21 - shadcn/ui components
22:12 - Create a Subscription Form
34:03 - Create a Subscriber Card
35:03 - Light and Dark Themes
38:39 - Custom Theme
40:03 - Managing Fonts
Videos mentioned:
• What Is cn() || Use clsx & twMerge Wi...
Source Code on tapaScript GitHub:
https://github.com/atapas/nextjs-email (If you like, please support the project with a ⭐)
Join tapaScript
Join tapaScript as a member: / @tapasadhikary
Join Discord: / discord
🤝 My Links:
Blog: https://blog.greenroots.info/
Follow on X(Twitter): / tapasadhikary
Connect on LinkedIn: / tapasadhikary
Follow My Work on GitHub: https://github.com/atapas
Follow on Facebook: / tapasadhi
Special Links:
If you are looking for the best content management system, here is something for FREE that you can rely on: https://app.caisy.io/app/signup/mwiyy...
👋 Like my work? Thank You. You can sponsor me from here:
Sponsor Me: https://github.com/sponsors/atapas
Sponsor my Blog: https://blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at https://tapasadhikary.com.
#nextjstutorial
#next
#nextjs14
#nextauth
#authentication
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
#shadcn
Watch video Next.js with shadcn/ui || Architecture || Components || Themes online without registration, duration hours minute second in high quality. This video was added by user tapaScript by Tapas Adhikary 13 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,324 once and liked it 202 people.