Shadcn UI Crash Course #1 - Introduction & Setup

Рет қаралды 94,858

7 ай бұрын

📂🥷🏼 Access the course files on GitHub:
github.com/iamshaunjp/shadcn-...
💻🥷🏼 Next.js Masterclass:
netninja.dev/p/next-13-master...
💻🥷🏼 Next.js Crash Course:
• Next.js 13 Crash Cours...
🔗🥷🏼 Shadcn/ui docs - ui.shadcn.com/docs
🔗🥷🏼 VS Code - code.visualstudio.com/

Пікірлер: 69

@richardwilliam7030 7 ай бұрын

I don't know about everyone but I've waited so long for a better full course on shadcn.. Thanks so much

@NetNinja 7 ай бұрын

You're very welcome! :) hope it helps Richard

@richardwilliam7030 7 ай бұрын

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

@letfoobar 7 ай бұрын

Full course for copy/paste component lib?

@lowisxix 7 ай бұрын

Aww man, finally an entire shadcn crash course. Can't wait for the next episode!

@ead5590 7 ай бұрын

Yessss! Thanks a lot for this Shaun. This and Tailwind are gonna really help with speeding up my client projects

@sumonchandra5992 7 ай бұрын

Can't wait for the next lesson. Please upload tutorials as soon as possible. ❤❤ And thank you for such content.

@orangeblossom9968 7 ай бұрын

new playlist, new knowledge, awesome, thanks a lot!

@chuksvalentine3735 7 ай бұрын

This is amazing. I have being waiting for a tutorial like this. I will keep following the tutorial

@Arcanist1010 7 ай бұрын

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.

@khandoor7228 7 ай бұрын

Love Shadcn, looking forward to this series.

@nirajdeshmukh7514 7 ай бұрын

Thank you very much for this course. I was looking lastest video tutorial of shadcn UI. but yours came!

@lonewanderer6333 6 ай бұрын

You are a the teacher I needed but didn't deserve

@UAng-ro9kt 6 ай бұрын

Thanks for showing the global.css file, it solved my issue.

@rayusaki88 7 ай бұрын

Waiting for this. Thank you 🙏🏻

@zainsyed9811 4 ай бұрын

Awesome tutorial. Thanks

@SideOfHustle 7 ай бұрын

going to need to upgrade that nextjs masterclass to 14!

@marvii13 4 ай бұрын

can u plz complete this course ..we are in real need for it 😭

@theouterspace5285 7 ай бұрын

Thanks for this Shaun your the best.

@mumk 7 ай бұрын

exciting course, lets gooo

@cloudcoding030 7 ай бұрын

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?

@zunnoorainrafi5985 7 ай бұрын

Thanks for this tutorial

@Whatthebug 7 ай бұрын

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.

@donald_hook 6 ай бұрын

Great tutorial! I am sure you get this question all the time... sorry - what VS code theme are you using?

@kim92se64 7 ай бұрын

what a great !!! awesome

@samadams4751 7 ай бұрын

First and thanks coach, Please NextUI next tutorial

@abujihadsalahudin 7 ай бұрын

Wow amazing

@panzagamesplay902 2 ай бұрын

Great video

@patolorde 7 ай бұрын

Great nice library

@goodsamaritan208 7 ай бұрын

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?

@leonvanrijswijk8409 7 ай бұрын

Could you do a series about HTMX ? That would be great.

@gyamfiemmanuelntaadu5452 7 ай бұрын

Do you have any tutorials on animation. Can be with framer motion or any library or even without

@saadniaxi1623 7 ай бұрын

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

@madmaxdev 7 ай бұрын

Amazing

@neontuts5637 7 ай бұрын

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?

@devsirat 7 ай бұрын

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.

@neontuts5637 7 ай бұрын

@@devsirat Thanks! got it 👍

@enriquecoscarelli712 7 ай бұрын

Mate, this is exactly what I need right now. How did you know?

@learner8084 2 ай бұрын

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 !

@michaelkurzewski2937 7 ай бұрын

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.

@nirajdeshmukh7514 7 ай бұрын

Same goes to me..

@pasokoner 7 ай бұрын

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.

@theangelofspace155 7 ай бұрын

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 😢

@saadniaxi1623 7 ай бұрын

Same question. It irritates so much that it won't work correctly with vite/react with js

@torn1k3 3 ай бұрын

if you add extra videos about ShadCN woould be so great!

@AmineWebDev 7 ай бұрын

should i use next.js? because i wanna use react with laravel.

@Yamattack1 3 ай бұрын

The end of the video was like a flash bang

@NetNinja 3 ай бұрын

Pow!! keeps you on your toes :)

@destocot1729 7 ай бұрын

theres a tailwind.config.js and a tailwind.config.ts should i delete one?

@christiancharlesgales2515 3 ай бұрын

what are the extensions you use?

@aryomuhammad8254 3 ай бұрын

goood

@PHYSICSINNEPALI 4 ай бұрын

can i use shadcn without having typescript in my project ?

@madmaxdev 7 ай бұрын

React-query, zustand coming?

@muhammadalfaris100 Ай бұрын

Hi, can i know what tools using for recording ?

@mauriziostrazzullo1419 7 ай бұрын

What's the use of knowing if AI is going to replace us all anyway?

@chezzzysanchez5855 2 ай бұрын

can I use shadcn without tailwind css?

@parenteseswebdev 3 ай бұрын

I know Html & Css. Would my next learning be Javascript?

@johndevnoza4223 5 ай бұрын

im using nodejs will it be a problem?

@sunnypepple6571 5 ай бұрын

What if I dont want to use Typescript?

@iamnin0 5 ай бұрын

are you using nextjs 14?

@vladimirdmitrienko8158 7 ай бұрын

Does anyone have issue, when you open an app "Recipes for Ninjas home " Not in the center, they align to right side

@vladimirdmitrienko8158 7 ай бұрын

Sorry that is not an issue, just small screen

@Terminus265 7 ай бұрын

Oh my God

@AzaB2C 7 ай бұрын

Why use Shadcn instead of MUI?

@theangelofspace155 7 ай бұрын

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