Join tapaScript as a member & Enjoy the Perks:
https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join
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:
- https://www.youtube.com/watch?v=9Km4oFSmXY8
## 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: https://www.youtube.com/channel/UCaYr5yxgOyk599Mnb3TGh-g/join
- Join Discord: https://discord.gg/YzUe4DbNAz
## 🤝 My Links:
- Blog: https://blog.greenroots.info/
- Follow on X(Twitter): https://twitter.com/tapasadhikary
- Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/
- Follow My Work on GitHub: https://github.com/atapas
- Follow on Facebook: https://www.facebook.com/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/mwiyyiglk2er
## 👋 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