Shadcn Crash course with Next JS

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/hiteshchoudhary
Our Open-Source Project is here: freeapi.app
Join me at whatsapp: hitesh.ai/whatsapp
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...

[@golammorshed999]

We want nextJs series . Please like this everyone.👍

[@ffgamer4140]

Ya bro ❤

[@golammorshed999]

@@ffgamer4140 we really want this.

[@Gujrat_Rajkot]

Yes

[@AwaisOtho]

Next js series

[@Maheerarehman-gs6ge]

Nextjs crash course

[@developer_save]

Sir , we also want next.js series. 🙏🙏🙏. Because the way you teach is wonderful, and the details you provides is damm soo deep.

[@AamirKhan-re3sz]

Agreed

[@tinamajumder8026]

Sir, we will be very thankful if you start Next js series next. thank you soo much for all your priceless content ❤

[@MayankSharma-vi1ok]

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. 😊

[@chaiaurcode]

That is awesome!. Unko b chai pe le aao yaha

[@tushar5426]

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 😊

[@chaiaurcode]

So nice of you

[@shadowcipheragent]

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. 👍

[@roastart]

Now I can completely focus on functionalities. Thank You so much Hitesh sir to give us that amazing tutorial.

[@saksham4030]

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.

[@Pawanofficial02]

@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)

[@prikshit_sharma4071]

Yes sir we need next.js series . Thank you so much for your content 😁

[@ohmyumbrella]

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.

[@arijitdn]

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 ❤

[@sksaffiulla1701]

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

[@abhishekkhatana1256]

Hitesh Sir always come with Banger 🔥🔥🔥🔥

[@KinzaSheikhOfficial]

Just watching the video two months later and shadcn questions and set up are so much streamlined. The pace of change in this field!!!

[@naimulislam5306]

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.

[@iTzVIPER55]

Sir please start Next Js series.....love your teaching ♥️

[@yudrapawar]

One of the best engineering teacher on youtube ❤❤

[@AadeshGavhane]

this is literally the first video on youtube about proper exploration of shadcn, thanks sir

[@chaiaurcode]

Glad it was helpful!

[@AadeshGavhane]

@@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!

[@shadowyt1727]

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 😀😀😀😀😀😀

[@suman_12329]

We want next.js series from basic to advanced

[@rucode5]

Future me Pata nhi kya hoga lekin ye pata hai ki aapki vajah se ek safal developer banenge 💻 zindagi bhar nhi bhulenge sir aapko 🙇

[@aamir067]

FCC pay apkay typeScript series dekh ker hi to apko follow kia tha sir. boht OP series hay. Recommended for everyone.

[@mohdali-yq8gq]

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

[@omkarw]

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! 🙌

[@navinkumarsahu1159]

could you tell more about your project like what's it about ,etc

[@shaurya-dobhal]

i simply adored this video cheers to you buddy appreciate the great work in implementing industry standards into the workflow

[@chaiaurcode]

My pleasure!

[@react.dev.28]

Added one more UI library in my CV, Thankyou !

[@mohammedgazi786]

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 👍🏻

[@SuryaKarigar]

Crash Course or full playlist??? Let's wait 😍

[@chaiaurcode]

You don’t need playlist on shadcn, this video is enough

[@shahzaman4082]

@@chaiaurcode im working on my portfolio and i select shadcn UI for that. this video will help me alot.

[@shahzaman4082]

@@chaiaurcode Sir next js course kab start karengy ?

[@AbhishekKumar-lu3lp]

​@@chaiaurcode what is shadcn😂

[@_NAUGHTY.EDITOR]

We want next js tutorials sir!!!!!

[@akifahmed9610]

Quality content as always. Really liked these type of videos where you introduce us to technologies that are being used in industry

[@jaikushwaha1012]

learnt javascript, frontend and backend from chai or code now its time for next.js. Thankyou so much Hitesh sir

[@nigam_sharma]

Great one❤

[@chaiaurcode]

Thanks 🔥

[@cyb3rjunky609]

I love how you teach technologies depth

[@sanju.2541]

Chai aur code aur ae rha mera comment😂. Thank you sir ji❤

[@prasenjitbasu6152]

Thank you so much for making our life easy. Lovely and knowledgeable video.

[@mitvavirvadiya8993]

sir, i am really gratefull for this concept which mostly on other yt creator is teaching in hindi community

[@rendevous9253]

Good start to enjoy NEXT.js tutorials

[@KrishanKumar-il6ut]

Sir you always upload mind blowing videos for any topics and they are really helpful. I'm waiting for Next.js series.

[@lthl3387]

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.

[@feelrich6247]

Way of explaining the folder structure ❤

[@VARUNVERMABCE]

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

[@mohitwadhwani6024]

This was unexpected but a nice surprise (to have a video on nextjs from ur side)

[@Aman_yadav1419]

Ab lagta hai nextjs aur shadcn pe videos anne wale hai and I am excited for it 😊

[@rajsharma4189]

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.

[@AkbarAli-bt7xi]

Thank u sir sare ui ke problems tu aik dam solve hogai hain❤❤❤

[@zubair-shabir]

Fabulous 👌 crash course. After a little exploration. I can say now I know shadcn✌️

[@anuragsuryawanshi4177]

Thank you sir, looking forward to learn nextJs from you next

[@dream11gurufantasy]

aap ka video dekhta hun to lagta hai sab easy hai Great work

[@degitalweb]

Thank you for expanding new topics n upcoming technologies

[@prabhatmishra3760]

Sir, recently i completed your java script series it's amazing

[@eros_1234]

Love your teaching style

[@shikhamaurya4453]

My very favorite playlist , long videos by chai aur code ❤

[@Dev-Phantom]

This video was one of the best and concise. Thanks sir for helping us.

[@soumelee5661]

amazing video 👏👏👏 You made these topics so easy to understand!! thank you so much

[@melusahu9729]

Another series starts , ❤ from all learners. You always surprise me sir with your serieses 🎉

[@AmanSingh-kf8xm]

yes sir we need next.js series . Thank you so much for your content 😁

[@ofcljaved]

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 😂😂

[@mofijurrahaman1351]

Light of my hobby. Hitesh sir

[@Charizm0]

This is gonna be epic! Hyped for this.

[@harshbhardwaj8165]

Thanks for this crash course hitesh👌

[@tojifushigoro3134]

Code with Antonio is best..i hope Bharat me waise koi youtuber ayee...jo humble bhi ho aur itna mehnat kree

[@itsOmSarraf]

thanks a lot for this video , crisp and precise !

[@ankitchaurasia9393]

Amazing video ❤ thanks sir for all the efforts.

[@tanmaysingewar]

Here we go, I was waiting for this 😌

[@ravenx]

Wow was exactly looking for this video 🎉

[@harishs1316]

Thank you so much for this wonderful session

[@nareshpal9757]

A great engineer and superb teacher

[@saadatbadgujar]

Clear and concise 💯

[@fasty703]

Very much needed video.....thank you so much sir

[@izikieljr]

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❤

[@Android-17]

Thank you 🎉 I used DaisyUI in next, it's really good with different themes. Will implement shascn in my next project.

[@amittiwari-dg1it]

I love your teaching style sir

[@ManishKumar-sq4ce]

Thank you for a fantastic and knowledgeable video...looking for a complete course on Next.JS

[@rohangope]

The main main thing I got that is confidence . Thank You sir for such a amazing content.

[@sabbasachisaha]

❤ New topics explored with you. Thanks a lot

[@techKnowCoding]

extremely helpful for my react journey

[@phalguniroy-mp6qt]

Thank you Sir ji for quality content❤

[@dibakarghosh6316]

Looking forward to learn Next js from you

[@shuvobaroi7766]

Thank you sir for this wonderful video. Take love from Bangladesh 💓

[@udaycodes]

Good Video. NextJS Series is really needed !!

[@ArijitMondal-ej1mt]

❤❤❤❤❤ you sir you , sharience and Harry bhai up the front-end level

[@MathsWithSatyamPandey]

Always best video sir ❤

[@atifsyed2199]

Best shadcn video yet... 😊

[@InderjeetSingh-zm3sf]

Happy to get this crash course!

[@bratwhocode]

Best content on Shadcn in hindi sir 👌🏻👌🏻❤️

[@maheh360]

Thank you so much sir plz hume aise aur topics sikha dijiye humein ye pata nahi hote❤🙇🏻‍♂

[@rakib_bhai74]

Love you sir 🎉 Dill mange more , like this content ❤

[@honesmartyy]

thank u soooo much for this shadcn crash course.

[@pruthviraj8397]

Awesome Explanation sir ❤

[@nigam_sharma]

After watching Full video ❤ I must say Shadcn is really love and you teches very well ❤

[@chaiaurcode]

Glad to hear that

[@abhisheksharma10600]

Thanks for this, i wanted to learn this ❤

[@dheerajbaheti]

Thank you so Much sir for this amazing video

[@darshaim]

great approach big brother we should increase our standard in development community!

[@dogesh544]

thanks for the video, amazing explaination

[@TSeditz88]

very awesome library sir. I personally liked it very much

[@user-wk4bf3vj4j]

loved the backend series

[@user-mu1oi8ji7r]

Yes nextjs series sir ko lana chaiye mst maza aayega❤

[@sufyanali837]

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😊😉

[@shubhajit_01]

So beautiful, so elegant 🙂🙂