Shadcn Crash course with Next JS
Вставка
- Опубліковано 18 вер 2024
- 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
Sir, we will be very thankful if you start Next js series next. thank you soo much for all your priceless content ❤
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!
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.
👍
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
Now I can completely focus on functionalities. Thank You so much Hitesh sir to give us that amazing tutorial.
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
@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)
One of the best engineering teacher on youtube ❤❤
After watching Full video ❤
I must say Shadcn is really love and you teches very well ❤
Glad to hear that
Yes sir we need next.js series . Thank you so much for your content 😁
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 ❤
Hitesh Sir always come with Banger 🔥🔥🔥🔥
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.
Future me Pata nhi kya hoga lekin ye pata hai ki aapki vajah se ek safal developer banenge 💻 zindagi bhar nhi bhulenge sir aapko 🙇
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.
i simply adored this video
cheers to you buddy
appreciate the great work in implementing industry standards into the workflow
My pleasure!
Sir please start Next Js series.....love your teaching ♥️
I love how you teach technologies depth
We want next.js series from basic to advanced
Just watching the video two months later and shadcn questions and set up are so much streamlined. The pace of change in this field!!!
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
Added one more UI library in my CV, Thankyou !
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😂
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 😂😂
We want next js tutorials sir!!!!!
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.
Great one❤
Thanks 🔥
Thank you so much for making our life easy. Lovely and knowledgeable video.
yes sir we need next.js series . Thank you so much for your content 😁
Ab lagta hai nextjs aur shadcn pe videos anne wale hai and I am excited for it 😊
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.
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
Here we go, I was waiting for this 😌
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 👍🏻
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.
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.
My very favorite playlist , long videos by chai aur code ❤
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 😀😀😀😀😀😀
I love your teaching style sir
learnt javascript, frontend and backend from chai or code now its time for next.js. Thankyou so much Hitesh sir
FCC pay apkay typeScript series dekh ker hi to apko follow kia tha sir. boht OP series hay. Recommended for everyone.
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
Such an amazing beginner-friendly explanation .
Glad you think so!😊☕️
@@chaiaurcode can you make a video on jwt too
Good start to enjoy NEXT.js tutorials
This video was one of the best and concise. Thanks sir for helping us.
sir, i am really gratefull for this concept which mostly on other yt creator is teaching in hindi community
Another series starts , ❤ from all learners. You always surprise me sir with your serieses 🎉
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!
Quality content as always. Really liked these type of videos where you introduce us to technologies that are being used in industry
A great engineer and superb teacher
One comment form my side sir >>>> Thanks for making this type of content. I admire your for your teaching style it's so amazing 😇😇
Chai aur code aur ae rha mera comment😂. Thank you sir ji❤
Thank u sir sare ui ke problems tu aik dam solve hogai hain❤❤❤
Sir we will ve thankful to you if you release a complete next js series
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.
Light of my hobby. Hitesh sir
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
Yes sir we want next js series❤
extremely helpful for my react journey
Fabulous 👌 crash course. After a little exploration. I can say now I know shadcn✌️
Finally designing ki problem solve hogyi
Best content on Shadcn in hindi sir 👌🏻👌🏻❤️
I hope in next video we will going to learn NEXT JS ❤
This is gonna be epic! Hyped for this.
The main main thing I got that is confidence . Thank You sir for such a amazing content.
your way of explain is very easy sir
Yes nextjs series sir ko lana chaiye mst maza aayega❤
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😊😉
Sanjeev Kapoor Khana Khazana style coding tutorials. Very nice.
"Sir, please make a video series on Next.js, I really appreciate the way you teach🎉, and your thorough explanations of concepts are incredibly engaging👏🏻 and helpful.🙏"
Thank you for a fantastic and knowledgeable video...looking for a complete course on Next.JS
Thanks for this, i wanted to learn this ❤
Great intro to shadcn.
Always best video sir ❤
Thank you so much sir plz hume aise aur topics sikha dijiye humein ye pata nahi hote❤🙇🏻♂
Good Video. NextJS Series is really needed !!
aap ka video dekhta hun to lagta hai sab easy hai
Great work
Your content is mind-blowing ❤❤
Thanks 😊☕️
Never had a better Teacher
Thanks 🤗☕️
We want want complete cloud computing roadmap and course....... Jitna aapne sukha sab sir
Once I complete the backend assessment than i will learn Shadcn from this video,
❤❤❤❤❤ you sir you , sharience and Harry bhai up the front-end level
Thank you 🎉
I used DaisyUI in next, it's really good with different themes.
Will implement shascn in my next project.
Sir aap mast mast topic cover Karo...hamara pura support rahegaa...
Sir height mei h-screen likh dia karo toh vo full le lia karega.... h-full mtlb height:100% or h-screen ka mtlb height: 100vh... sir ke alawa bhi koi or dekhe toh yaad rakhna... kisi or video mei same issue aaye toh vaha bhi comment kr dunga
Best shadcn video yet... 😊
We are thankful for this new amazing journey 🎉
Thanks
Love your teaching style
6:40 Yes we want typescript ❤
"h-screen" instead of h-full for 100vh. You don't need to add separate class in global css. 18:16
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.
Very much needed video.....thank you so much sir
We Want NextJS Series❤
Thank you sir for this video I always thought that not use bootstrap but I think ShadCN is more flexible and easy and industry level UI library
we need Over view of VITE also, please make one video on that also.
we can use format document option for the indentation, when right click on the code. it indents whole code
Clear and concise 💯