Shadcn Crash course with Next JS
Вставка
- Опубліковано 8 лют 2025
- Visit chaicode.com for all related materials, community help, source code etc.
In this video, we will learn about Shadcn. Shadcn is a different take on UI component library where you have the full control of what to have and in what configuration. It sounds little difficult but it is not. This is one of the most easy to use library and goes really well with NextJS. Yes, we will use nextjs in this video. This will be your first introduction as a beginner with nextjs and nextjs routing.
Welcome to chai aur code, a coding/programming dedicated channel in Hindi language. Now you can learn best of programming concepts with industry standard practical guide in Hindi language.
All source code is available at my Github account:
github.com/hit...
Our Open-Source Project is here: freeapi.app
Join me at whatsapp: hitesh.ai/what...
for community discord: hitesh/ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial
HTML video series: • HTML and VSCode - gett...
Complete javascript series: • Javascript for beginne...
Complete Reactjs series: • React JS roadmap | cha...
Javascript and react interview series: • 1 call se shuru hui pl...
Backend development with Javascript: • Javascript Backend Roa...
We want nextJs series . Please like this everyone.👍
Ya bro ❤
@@ffgamer4140 we really want this.
Yes
Next js series
Nextjs crash course
Sir , we also want next.js series. 🙏🙏🙏.
Because the way you teach is wonderful, and the details you provides is damm soo deep.
Agreed
I've learned Js and React from this Channel and now I am helping my friends who paid a good amount to learn Js and React. That's all because of you sir. Thankkkk you very much. 😊
That is awesome!. Unko b chai pe le aao yaha
this is literally the first video on youtube about proper exploration of shadcn, thanks sir
Glad it was helpful!
@@chaiaurcode sir also, I took reference from you backend series videoes and made one by my own for my major project, thanks a lot, will post it on X soon!
Sir, we will be very thankful if you start Next js series next. thank you soo much for all your priceless content ❤
Thank you sir for teaching this wonderful library. Sir after deep diving into the other react libraries, I find another library called "NextUI". It is another wonderful UI library. I hope you like it also.
While using the library I encounter some issues. So sir i have a small request if you please make a short tutorial of this UI library also. It means a lot to me.
Thank you sir, love your content.
When I learnt figma then I also learnt about variable of base color, size and other base component and their importace throughout design systems of a website. After that I started using customized css because I had no idea about shadecdn till now. But After watching this video I am going to minimize the uses of customized burden of tailwing css. It's a most valuable video for frontend stuffs. I am a proud chai aur code lover.
👍
Thanks!
Absolutely loving your React and Backend content! 🚀 I'm currently working on a project and thinking of integrating ShadCN with React/Vite. Would be awesome if you could make a tutorial on that - your explanations are always on point! 🙌
could you tell more about your project like what's it about ,etc
Such an amazing beginner-friendly explanation .
Glad you think so!😊☕️
@@chaiaurcode can you make a video on jwt too
@chaiaurcode Great Sir 👍 and most subscribers of chai aur code are waiting for NextJs Series So please sir start the NextJs Series
(Next Js Is the Most Demanded Series)
After watching Full video ❤
I must say Shadcn is really love and you teches very well ❤
Glad to hear that
i simply adored this video
cheers to you buddy
appreciate the great work in implementing industry standards into the workflow
My pleasure!
Now I can completely focus on functionalities. Thank You so much Hitesh sir to give us that amazing tutorial.
One of the best engineering teacher on youtube ❤❤
I just learnt about shadcn yesterday and was astounded with its features. And now you uploaded a crash course today. This is what I needed tbh. Thanks Hitesh Sir ❤
Yes sir we need next.js series . Thank you so much for your content 😁
There is no comparison to your wanted comments or your contents. Sir your content is literally very helpful. And this channel chai or code is providing or teaching an actual engineering. Thank you so much Sir.
Sir your videos are literally awesome 🔥
Thank you so much sir for teaching us and helping us to attain international standards❤
Your teaching method is next level ✨. It's always very much fun learning from you 😊
So nice of you
I highly agree with your point that you brought in the start of this video. Its hight time to be practical, talk about real-world problems, and learn about emerging technologies instead of just grinding on DSA.
Future me Pata nhi kya hoga lekin ye pata hai ki aapki vajah se ek safal developer banenge 💻 zindagi bhar nhi bhulenge sir aapko 🙇
This video was very informative great video
Mai literally video ke dauran distracted hua hi nahi apka teaching ka style bada Acha tha, great content 👍🏻
Hitesh Sir always come with Banger 🔥🔥🔥🔥
Worth to watch I was making a ChatApp and this is what I needed. Thanks sir pata nhi apko mere maan ki baat kaise pata chal jati hai jis bhi problem ko face karta hu dusre hi din usko solve karte hue video le ate ho 😀😀😀😀😀😀
Great and informative vdo sir... It's time we move towards the more talked topics like docker, kubernates..... Hope sir brings more content on these topics
The best thing about your videos is not that you teach a specific topic the main thing is you build the confidence to learn this topic by talking about how to learn it. You make videos like you are learning with us. It feels less scripted. thank you for your effort.
Sir please start Next Js series.....love your teaching ♥️
yes sir we need next.js series . Thank you so much for your content 😁
We want next.js series from basic to advanced
Code with Antonio is best..i hope Bharat me waise koi youtuber ayee...jo humble bhi ho aur itna mehnat kree
Crash Course or full playlist??? Let's wait 😍
You don’t need playlist on shadcn, this video is enough
@@chaiaurcode im working on my portfolio and i select shadcn UI for that. this video will help me alot.
@@chaiaurcode Sir next js course kab start karengy ?
@@chaiaurcode what is shadcn😂
Want to see more topics like this Hitesh. When I see your video, I can stop looking further and just sit down and learn. Keep picking more currently trending topics. Love what you're doing.
Great one❤
Thanks 🔥
Your content is mind-blowing ❤❤
Thanks 😊☕️
Who want Next JS Like please
👇
Series baba parha hai
FCC pay apkay typeScript series dekh ker hi to apko follow kia tha sir. boht OP series hay. Recommended for everyone.
Ab lagta hai nextjs aur shadcn pe videos anne wale hai and I am excited for it 😊
Yes I have used shadcn in your react series and also when you developed reusable production level components I referred shadcn and create input and button components too.
A great detailed video and How you made nextjs so Simple, some people have dedicated channel for it 😂😂
Just watching the video two months later and shadcn questions and set up are so much streamlined. The pace of change in this field!!!
Nice sir, I am godd with business login bas css ka dar hamesha se tha aaj wo bhi dur ho gya thank very much sir for this video.
Bs yahi goal tha video ka
You are a best teacher and I've learned a lot from you in depth. Thank you so much for your time and video.
Great overview of the ShadCN library! I appreciate the detailed walkthrough and practical examples. This will definitely help streamline my development process. Thanks for sharing!
Just got blown away to see the routing system of nextjs. I've recently learnt react from your playlist 😊. this is way more easier than that.
00:20:55 - Main Shadcn tutorial start
learnt javascript, frontend and backend from chai or code now its time for next.js. Thankyou so much Hitesh sir
Wonderful!! What a great library you discovered and made us familiar so please continue this series of next js and Shadcn as it is looking very promising and request you to bring the tutorial on auth js using Shadcn components
sir, i am really gratefull for this concept which mostly on other yt creator is teaching in hindi community
Finally designing ki problem solve hogyi
Yes sir we want next js series❤
Quality content as always. Really liked these type of videos where you introduce us to technologies that are being used in industry
Thank you so much for making our life easy. Lovely and knowledgeable video.
One comment form my side sir >>>> Thanks for making this type of content. I admire your for your teaching style it's so amazing 😇😇
This video was one of the best and concise. Thanks sir for helping us.
Sir, I am from Pakistan. I love your style of teaching. Thanks a lot
Another series starts , ❤ from all learners. You always surprise me sir with your serieses 🎉
Yessir less gooo . I was just looking into this new topic and was very happily surprised when I saw your video, I don't need to watch anything else now
My very favorite playlist , long videos by chai aur code ❤
Added one more UI library in my CV, Thankyou !
I love how you teach technologies depth
Fabulous 👌 crash course. After a little exploration. I can say now I know shadcn✌️
Chai aur code aur ae rha mera comment😂. Thank you sir ji❤
❤❤❤❤❤ you sir you , sharience and Harry bhai up the front-end level
This was unexpected but a nice surprise (to have a video on nextjs from ur side)
great video for beginners
Sir aap mast mast topic cover Karo...hamara pura support rahegaa...
3:05 Paused to Comment ! #ChaiAurNext ✊✊
aap ka video dekhta hun to lagta hai sab easy hai
Great work
Sir , we also want next.js series and typescript. 🙏.
Because the way you teach is wonderful, and the details you provides is damm soo deep.
Sir you always upload mind blowing videos for any topics and they are really helpful. I'm waiting for Next.js series.
Sir, recently i completed your java script series it's amazing
I love your teaching style sir
Thank u sir sare ui ke problems tu aik dam solve hogai hain❤❤❤
SIR, request you to go with PostgreSQL database with prisms instead of Mongodb in your current next js series as you have already covered the Mongodb extensively so now start the backend database PostgreSQL.
The main main thing I got that is confidence . Thank You sir for such a amazing content.
Here we go, I was waiting for this 😌
amazing video 👏👏👏
You made these topics so easy to understand!!
thank you so much
have learnt a lot from you sir thank you❤
and the intro of this video was really very great
i also want to learn more from the engineering perspective rather than only learning for jobs
thank you so much again sir❤
Good start to enjoy NEXT.js tutorials
Best content on Shadcn in hindi sir 👌🏻👌🏻❤️
I hope in next video we will going to learn NEXT JS ❤
acha sir iss tarah ki videos or banae , shadCn se apna portfolio bana le gy 😊mere ko color contrast ki issue tha wo bhi resolve ho gia thanks a lot😊😉
We are thankful for this new amazing journey 🎉
Thanks
A great engineer and superb teacher
Super class..very very informative. please continue and make compete webisite
Thank you so much sir ❤❤❤
Thank you 🎉
I used DaisyUI in next, it's really good with different themes.
Will implement shascn in my next project.
great approach big brother we should increase our standard in development community!
Sir bhot acha laga ....
Light of my hobby. Hitesh sir
Keep bringing such bleeding edge content and our knowledge+this channel will skyrocket📈
Sir we will ve thankful to you if you release a complete next js series
Sir we want Next js full video on this channel in hindi... please
nice work sir ji thank you
Thanks for this, i wanted to learn this ❤
Way of explaining the folder structure ❤
Thank you sir for this wonderful video. Take love from Bangladesh 💓
I wish this video was more about Shadcn rather than nextjs
anyways great video as always.
Yes nextjs series sir ko lana chaiye mst maza aayega❤
boht acha tha video ap k video achy hoty hain
Thank you for a fantastic and knowledgeable video...looking for a complete course on Next.JS