Setup React and Tailwind CSS Project with Vite

pnpx create vite@latest my-vite-app -- --template react

cd my-vite-app

pnpm install -D tailwindcss postcss autoprefixer

pnpx tailwindcss init -p

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

@tailwind base;
@tailwind components;
@tailwind utilities;

pnpm dev

pnpm build