Shadcn UI Crash Course #1 - Introduction & Setup
ฝัง
- เผยแพร่เมื่อ 5 ก.ย. 2024
- 📂🥷🏼 Access the course files on GitHub:
github.com/iam...
💻🥷🏼 Next.js Masterclass:
netninja.dev/p...
💻🥷🏼 Next.js Crash Course:
• Next.js 13 Crash Cours...
🔗🥷🏼 Shadcn/ui docs - ui.shadcn.com/...
🔗🥷🏼 VS Code - code.visualstu...
I don't know about everyone but I've waited so long for a better full course on shadcn.. Thanks so much
You're very welcome! :) hope it helps Richard
@@NetNinja you always deliver and I'm glad I subscribed up 4 years ago 😀.
Nodejs ,react.
To be honest with you,you make difficult stuff simple to the immediate beginner.
Let link up🙂
Full course for copy/paste component lib?
Aww man, finally an entire shadcn crash course. Can't wait for the next episode!
Can't wait for the next lesson. Please upload tutorials as soon as possible. ❤❤ And thank you for such content.
Thanks for showing the global.css file, it solved my issue.
Love Shadcn, looking forward to this series.
Yessss! Thanks a lot for this Shaun. This and Tailwind are gonna really help with speeding up my client projects
new playlist, new knowledge, awesome, thanks a lot!
You are a the teacher I needed but didn't deserve
This is amazing. I have being waiting for a tutorial like this. I will keep following the tutorial
woww, thank you so much!!
I just started planning to learn shadcn UI an hours ago but I dont find any crash course for Shadcn UI here in youtube, and I am planning to just learn MUI or ChakraUI because of its crash course availability in youtube.
But woah, I am so thankful that you posted about shadcn UI, big thumbs up for you, I've been your subscriber since I am learning Vanilla JavaScript.
but woah 🤓🤓🤓
@@recursion. Okay fatherless kid
Thank you very much for this course. I was looking lastest video tutorial of shadcn UI. but yours came!
I know Html & Css. Would my next learning be Javascript?
going to need to upgrade that nextjs masterclass to 14!
Sir Big fan of yours. Can we have a separate fan request video on "React/vite with atleast js" so we can add shadcn in previous projects
can u plz complete this course ..we are in real need for it 😭
The end of the video was like a flash bang
Pow!! keeps you on your toes :)
at 4:50, now there's two tailwind config file: one ends .ts and the other with .js. The question is which one is going to be used by next.js?
if you add extra videos about ShadCN woould be so great!
Waiting for this. Thank you 🙏🏻
we meet again net ninja!
Awesome tutorial. Thanks
exciting course, lets gooo
Starting today
Could you do a series about HTMX ? That would be great.
Great tutorial! I am sure you get this question all the time... sorry - what VS code theme are you using?
First and thanks coach, Please NextUI next tutorial
Thanks for this Shaun your the best.
Thanks for this tutorial
Mate, this is exactly what I need right now. How did you know?
Great video
I'm working on a project using svelte with shadcn. I'm trying to add text within the Slider Thumb of the shad slider, with no success. Do you know of any documentation or how I could go about this? Any insight is greatly appreciated!
Wow amazing
Shadcn or Radix? Which should I choose? It made sense to choose shadcn before launch of RadixUI Themes but why should I choose shadcn now? Perhaps because shadcn uses Tailwindcss?
Thanks for starting shadcn playlist. There are two tailwind config files in the project one with .js and another with .ts . Which one to keep?
When using typescript, it should be the .ts version.
By default the cli suggests the .js version but you need type out tailwind.config.ts when prompted for the filename.
@@devsirat Thanks! got it 👍
Great nice library
what a great !!! awesome
Maybe it's a silly question, but I was wondering if it's possible to set it up with React/Vite? I'm not really a big fan of Nextjs. There were to many breaking changes 12-13, which broke lots of functionality in my codebase, so I gave up on it. For my purposes, React is enough.
Same goes to me..
Yes it's possible. You can just think of it as bunch of components that gets copied into your codebased. It's not really specific to NextJS.
I dont like nextJS either. I would love if my favorite youtube stop making or the tutorial in mextJS and instead use vite for the frontend to give us the flexibility to add any backend stack 😢
Same question. It irritates so much that it won't work correctly with vite/react with js
Amazing
Just start watching the video. One thing caught my attention. The files and folders icon looks great. Could anyone let me know which extension I can install to get those icons ? Thanks very much !
goood
What's the use of knowing if AI is going to replace us all anyway?
Hi, can i know what tools using for recording ?
Do you have any tutorials on animation. Can be with framer motion or any library or even without
Oh my God
Hello Shaun,
I am currently on your Laravel tutorial.
Is there any way to connect Laravel to Oracle Database?
And view progress(Creation of tables and rows etc) along side it.
If yes, can you link me some materials. I have looked some of the videos online but are not completely clear to me.
can i use shadcn without having typescript in my project ?
should i use next.js? because i wanna use react with laravel.
React-query, zustand coming?
theres a tailwind.config.js and a tailwind.config.ts should i delete one?
Does anyone have issue, when you open an app "Recipes for Ninjas
home " Not in the center, they align to right side
Sorry that is not an issue, just small screen
What if I dont want to use Typescript?
what are the extensions you use?
3:32 nodejs 16??
Why use Shadcn instead of MUI?
If you have every use MUI, and you actually do unit testing, you can probably answer yourself, if not, 1) se people just dont like the material theme, 2) the nexted and astract components use for MUI male ot hard for you to work with them, (try doing unit test on a select component, amd integrate them into react hook-form, add a zod-resolvee, and then redo your test). 3) every component is huge. .
are you using nextjs 14?
why dont js? pls guilde to js
the moment you see someone using powershell you know its time to move on. Lol
Can you please make video on form and select as soon as possible
React MUI is most similar
can I use shadcn without tailwind css?
I don't think you can, infact you shouldn't as shadcn uses alot of tailwind css