Get started using shadcn/ui without using typescript
To create your react shadcn project you can either clone this repo or you can follow these steps to create the project yourself
- start by going to https://ui.shadcn.com/docs/installation/manual and complete steps 1-4
- create a tsconfig.json file (don't worry your still not using typescript )
- paste the following into the tsconfig.json file
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}
- continue steps outlined in the above manual
- you can now run the following if you are using npm
npx shadcn-ui@latest init
you will be prompted with a few questions and mark no for typescript
thats it your all set!
npx shadcn-ui@latest add button
will add button to components folder (if you check it out you will see the file extension .jsx)