How to Install Shadcn UI using React, JavaScript, and Vite

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 27

  • @AndysTechTutorials
    @AndysTechTutorials  Місяць тому +1

    EDIT: Updated Video: ua-cam.com/video/uLXIGs-maUU/v-deo.html
    EDIT: November 2024 Update: Updated instructions can be found here - github.com/shadcn-ui/ui/pull/5820!
    If you are having issues with a tailwind error, follow the steps here: github.com/shadcn-ui/ui/issues/4677#issuecomment-2323515224!

  • @fialovybagr1587
    @fialovybagr1587 4 місяці тому +1

    i spent whole evening solving this, its almost 3 am and i just gave up and went to bed. I was curious how to solve this and i found your video, thank you man!!

    • @AndysTechTutorials
      @AndysTechTutorials  4 місяці тому +1

      I’m glad my video helped you!

    • @fialovybagr1587
      @fialovybagr1587 4 місяці тому

      @@AndysTechTutorials So, now when i tried your method, i figured out, some components doesnt work sadly

    • @AndysTechTutorials
      @AndysTechTutorials  4 місяці тому

      What’s the error message that you are seeing with the components that are not working?

    • @fialovybagr1587
      @fialovybagr1587 4 місяці тому

      @@AndysTechTutorials problem is there are no error messages, dev terminal in vs code is clear and browser terminal is clear also. This is for border beam component, it displays the div and the border, even the colorful part that should “orbit” around the border, but it stays on place and doesn’t move..

    • @anshumannjs7876
      @anshumannjs7876 3 місяці тому

      ​@@fialovybagr1587 have you installed tailwind-animation

  • @muthuisheree
    @muthuisheree 3 місяці тому +4

    Thank you , I have been left with an option of going to typescript or leaving shadcn , which i dont like either. Thank you for this video

  • @trndsttr7585
    @trndsttr7585 12 днів тому +1

    Perfect.

  • @BrenoGabrieldeMeloLima
    @BrenoGabrieldeMeloLima 2 місяці тому +1

    Now that it's a great tutorial

  • @qhabibq9780
    @qhabibq9780 Місяць тому +1

    thanks

  • @bubee6891
    @bubee6891 24 дні тому

    here is your like

  • @gabrielviera5313
    @gabrielviera5313 2 місяці тому +1

    thanks buddy

  • @BonsaiMagic
    @BonsaiMagic 4 місяці тому +1

    THANKS!!!!

  • @xdphantom8817
    @xdphantom8817 2 місяці тому +1

    but now the docs changed there are two config file, 1- tsconfig.json and another ts.config.app.json you gave the solution for first one what about the second one do i need to do the same just change the name to js ??

    • @uranus-u3l
      @uranus-u3l 2 місяці тому

      I'm struggling wd the same problrm

    • @afrithhussain3093
      @afrithhussain3093 Місяць тому

      @@uranus-u3l me also

    • @the_unico
      @the_unico 16 днів тому

      Me too. Very buggy and outdated documentation

    • @AndysTechTutorials
      @AndysTechTutorials  15 днів тому

      I updated the documentation here: Hey @the_unico, I updated the documentation here: github.com/shadcn-ui/ui/pull/5820. Can you please try that and let me know if that works for you?

  • @Qurutube
    @Qurutube 2 місяці тому +1

    It doesn't work now it jsconfig.app.json is also added into Shadcn/ui documentation that I have followed your vid but got no results

  • @phantazzor
    @phantazzor 4 місяці тому

    2 src file in your root ?

  • @StaceyLust
    @StaceyLust 4 місяці тому

    broo plsss can you chack the updated doc on shadcn and help me out with a comment or drop a new vid about this cuz i’m getting some really bad errors and it’s maddening

  • @lou.later269
    @lou.later269 7 місяців тому +1

    so when you download the components via cli, do they come in as ts or js files?

  • @tkyvgn19
    @tkyvgn19 7 місяців тому

    Andy I want to contact you for a job. Please

    • @AndysTechTutorials
      @AndysTechTutorials  7 місяців тому

      Hi Ismael, you can contact me at andytechtutorials@gmail.com