Shadcn UI Crash Course #1 - Introduction & Setup

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ม.ค. 2025

ความคิดเห็น •

  • @richardwilliam7030
    @richardwilliam7030 ปีที่แล้ว +64

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

    • @NetNinja
      @NetNinja  ปีที่แล้ว +7

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

    • @richardwilliam7030
      @richardwilliam7030 ปีที่แล้ว +3

      @@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
      @letfoobar ปีที่แล้ว +6

      Full course for copy/paste component lib?

    • @duztv5370
      @duztv5370 4 หลายเดือนก่อน

      ​@@letfoobar😂😂😂

  • @ZionDido
    @ZionDido 24 วันที่ผ่านมา

    Honestly, this is one of the best tutorials I’ve seen. The pacing is perfect, and you explain everything so clearly. It’s super easy to follow. Thanks for putting this together!

  • @lowisxix
    @lowisxix ปีที่แล้ว +7

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

  • @orangeblossom9968
    @orangeblossom9968 ปีที่แล้ว +1

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

  • @khandoor7228
    @khandoor7228 ปีที่แล้ว +1

    Love Shadcn, looking forward to this series.

  • @ead5590
    @ead5590 ปีที่แล้ว +3

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

  • @sumonchandra5992
    @sumonchandra5992 ปีที่แล้ว +3

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

  • @UAng-ro9kt
    @UAng-ro9kt ปีที่แล้ว +3

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

  • @adamo901
    @adamo901 หลายเดือนก่อน

    Your tutorials are simply the best. Thanks a lot for your efforts.

    • @NetNinja
      @NetNinja  หลายเดือนก่อน

      That means a lot, thanks for watching! :)

  • @lonewanderer6333
    @lonewanderer6333 ปีที่แล้ว

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

  • @cloudcoding030
    @cloudcoding030 ปีที่แล้ว +5

    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?

  • @chuksvalentine3735
    @chuksvalentine3735 ปีที่แล้ว +1

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

  • @nirajdeshmukh7514
    @nirajdeshmukh7514 ปีที่แล้ว

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

  • @Arcanist1010
    @Arcanist1010 ปีที่แล้ว

    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.

    • @recursion.
      @recursion. 7 หลายเดือนก่อน

      but woah 🤓🤓🤓

    • @Arcanist1010
      @Arcanist1010 7 หลายเดือนก่อน

      @@recursion. ​Okay fatherless kid

  • @rayusaki88
    @rayusaki88 ปีที่แล้ว

    Waiting for this. Thank you 🙏🏻

  • @marvii13
    @marvii13 11 หลายเดือนก่อน +3

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

  • @BonkersGameplay
    @BonkersGameplay ปีที่แล้ว

    going to need to upgrade that nextjs masterclass to 14!

  • @santoshkumarmarar7048
    @santoshkumarmarar7048 ปีที่แล้ว

    Can you please make video on form and select as soon as possible

  • @michaelkurzewski2937
    @michaelkurzewski2937 ปีที่แล้ว +3

    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
      @nirajdeshmukh7514 ปีที่แล้ว

      Same goes to me..

    • @pasokoner
      @pasokoner ปีที่แล้ว +3

      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
      @theangelofspace155 ปีที่แล้ว

      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
      @saadniaxi1623 ปีที่แล้ว

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

  • @neontuts5637
    @neontuts5637 ปีที่แล้ว +1

    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
      @devsirat ปีที่แล้ว +1

      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
      @neontuts5637 ปีที่แล้ว

      @@devsirat Thanks! got it 👍

  • @parenteseswebdev
    @parenteseswebdev 10 หลายเดือนก่อน +1

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

  • @donald_hook
    @donald_hook ปีที่แล้ว

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

  • @zainsyed9811
    @zainsyed9811 11 หลายเดือนก่อน

    Awesome tutorial. Thanks

  • @leonvanrijswijk8409
    @leonvanrijswijk8409 ปีที่แล้ว +1

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

  • @saadniaxi1623
    @saadniaxi1623 ปีที่แล้ว +1

    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

  • @enriquecoscarelli712
    @enriquecoscarelli712 ปีที่แล้ว

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

  • @gamingcroctv4523
    @gamingcroctv4523 5 หลายเดือนก่อน

    we meet again net ninja!

  • @samadams4751
    @samadams4751 ปีที่แล้ว

    First and thanks coach, Please NextUI next tutorial

  • @learner8084
    @learner8084 10 หลายเดือนก่อน

    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 !

  • @tornike1s
    @tornike1s 10 หลายเดือนก่อน

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

  • @goodsamaritan208
    @goodsamaritan208 ปีที่แล้ว

    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?

  • @Yamattack1
    @Yamattack1 10 หลายเดือนก่อน

    The end of the video was like a flash bang

    • @NetNinja
      @NetNinja  10 หลายเดือนก่อน +1

      Pow!! keeps you on your toes :)

  • @theouterspace5285
    @theouterspace5285 ปีที่แล้ว

    Thanks for this Shaun your the best.

  • @EthanDray-uu3vm
    @EthanDray-uu3vm 7 หลายเดือนก่อน

    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!

  • @AmineWebDev
    @AmineWebDev ปีที่แล้ว

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

  • @gyamfiemmanuelntaadu5452
    @gyamfiemmanuelntaadu5452 ปีที่แล้ว

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

  • @muhammadalfaris100
    @muhammadalfaris100 8 หลายเดือนก่อน

    Hi, can i know what tools using for recording ?

  • @destocot1729
    @destocot1729 ปีที่แล้ว

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

  • @mumk
    @mumk ปีที่แล้ว

    exciting course, lets gooo

  • @madmaxdev
    @madmaxdev ปีที่แล้ว

    React-query, zustand coming?

  • @sunnypepple6571
    @sunnypepple6571 ปีที่แล้ว

    What if I dont want to use Typescript?

  • @slaytons4727
    @slaytons4727 5 หลายเดือนก่อน

    3:32 nodejs 16??

  • @benjamindrane2285
    @benjamindrane2285 4 หลายเดือนก่อน

    Is anyone else not seeing the files on the Github?

    • @briantoon4128
      @briantoon4128 3 หลายเดือนก่อน

      click on the branch dropdown to select what lesson, the default is "main" which is probably why you don't see anything

  • @vladimirdmitrienko8158
    @vladimirdmitrienko8158 ปีที่แล้ว

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

  • @pajak6937
    @pajak6937 4 หลายเดือนก่อน

    how different is new york style?

  • @christiancharlesgales2515
    @christiancharlesgales2515 10 หลายเดือนก่อน

    what are the extensions you use?

  • @sakar_updates
    @sakar_updates 11 หลายเดือนก่อน

    can i use shadcn without having typescript in my project ?

  • @zunnoorainrafi5985
    @zunnoorainrafi5985 ปีที่แล้ว

    Thanks for this tutorial

  • @AzaB2C
    @AzaB2C ปีที่แล้ว

    Why use Shadcn instead of MUI?

    • @theangelofspace155
      @theangelofspace155 ปีที่แล้ว +1

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

  • @iamnin0
    @iamnin0 ปีที่แล้ว

    are you using nextjs 14?

    • @briantoon4128
      @briantoon4128 3 หลายเดือนก่อน

      in this series he's using version 13

  • @kylonguyen-we5mx
    @kylonguyen-we5mx 4 หลายเดือนก่อน

    Many thanks!

    • @NetNinja
      @NetNinja  4 หลายเดือนก่อน

      You're welcome!

  • @TheALOKROY
    @TheALOKROY 5 หลายเดือนก่อน

    Starting today

  • @ThongNVT
    @ThongNVT ปีที่แล้ว

    why dont js? pls guilde to js

  • @Whatthebug
    @Whatthebug ปีที่แล้ว

    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.

  • @patolorde
    @patolorde ปีที่แล้ว

    Great nice library

  • @abujihadsalahudin
    @abujihadsalahudin ปีที่แล้ว

    Wow amazing

  • @kim92se64
    @kim92se64 ปีที่แล้ว

    what a great !!! awesome

  • @mauriziostrazzullo1419
    @mauriziostrazzullo1419 ปีที่แล้ว

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

    • @briantoon4128
      @briantoon4128 3 หลายเดือนก่อน +1

      If you think that then why are you bothering watching / commenting on coding tutorials?

    • @mauriziostrazzullo1419
      @mauriziostrazzullo1419 3 หลายเดือนก่อน

      @@briantoon4128 Because despite this I love IT, mine was not a comment of polemic but of sadness

  • @panzagamesplay902
    @panzagamesplay902 10 หลายเดือนก่อน

    Great video

  • @madmaxdev
    @madmaxdev ปีที่แล้ว

    Amazing

  • @Terminus265
    @Terminus265 ปีที่แล้ว

    Oh my God

  • @aryomuhammad8254
    @aryomuhammad8254 11 หลายเดือนก่อน

    goood

  • @boot-strapper
    @boot-strapper 10 หลายเดือนก่อน

    the moment you see someone using powershell you know its time to move on. Lol

  • @mbepe
    @mbepe ปีที่แล้ว

    React MUI is most similar

  • @chezzzysanchez5855
    @chezzzysanchez5855 10 หลายเดือนก่อน

    can I use shadcn without tailwind css?

    • @Team-hf7iu
      @Team-hf7iu 6 หลายเดือนก่อน +1

      I don't think you can, infact you shouldn't as shadcn uses alot of tailwind css

    • @briantoon4128
      @briantoon4128 3 หลายเดือนก่อน

      You need to have tailwind in your project to use shadcn but you can still use whatever you want for your own custom styling.