How to Install Shadcn UI in React using TypeScript and Vite | Tutorial

In this Shadcn UI Tutorial, I show you step by step how to setup a React project with Shadcn UI using TypeScript and Vite!

Chapters:
0:00 Intro
0:05 Create React Project using Vite
0:39 Add Tailwind
1:28 Run Shadcn-ui Command
2:40 Add Button Component
3:14 Outro

#shadcnui #install #tutorial #react #vite

😄 Want to support and help grow my channel?

☕ Love my video and want to support me?

[georgeo]

very help full and to the point but i am getting a typescript error that says it cannot find module '@/components/us/button' or its corresponding type declarations. ts(2307) on my App.tsx if i can get some help

[Peacemaker.]

great video andy, and could you show how to customize the installed components thank you.

[JoseAntonio-nerf]

If I used vite but with only javscript not typescript, and I dont see the tsconfig.json file, what I supposed to do?

[nathankrasney]

The only good usage for shadcn in my oppionon is quick prototype. And this is what is done by vercel v0 and Claue AI which use shadcn.
Using this copy pase approach of shadcn seem a nightmare for production