Create a react project with tailwind CSS | SHADCN | JavaScript Sinhala

Let's create a react project to work with tailwind CSS , shadcn and JavaScript.

create a npm project in desktop

open the project using vs code.

code .


________________________________________________


2. install tailwind

go to shadcn

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

________________________________________________

3. create jsconfig.json file

{

"references": [
],
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}

_______________________________________________

4. update vit.config.js file

update the path first

import path from "path"


after plugins react...


resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},


run the command

npm i -D @types/node


________________________________________________

5. run the command

npx shadcn-ui@latest init

_________________________________________________