create-vite-redux

Scaffold a production-ready React app in seconds.

npm create vite-redux my-app

What you get

| Tool | Role | |------|------| | React 19 + Vite 6 | UI & bundler | | TypeScript 5 | Static types | | Redux Toolkit 2 | Global state | | RTK Query | Data fetching & caching | | React Router v7 | Client-side routing | | Tailwind CSS v4 | Utility-first styling | | shadcn/ui (new-york) | Pre-built accessible components | | Zod 3 | Runtime validation + type inference | | React Hook Form 7 | Form state management | | ESLint v9 + Prettier | Linting & formatting |

Usage

# npm
npm create vite-redux my-app

# pnpm
pnpm create vite-redux my-app

# yarn
yarn create vite-redux my-app

You'll be prompted for one option:

✔ Include example auth feature?  › Yes / No

Everything else — TypeScript, Redux, RTK Query, Tailwind, shadcn, Zod, React Router, ESLint, Prettier — is always included.

Get started

cd my-app
npm install
npm run dev

Project structure

src/
├── components/
│   ├── ui/           ← pre-baked shadcn components
│   └── layout/       ← Header, Footer
├── features/
│   ├── counter/      ← Redux slice demo
│   └── auth/         ← optional (LoginForm + Zod + RTK Query)
├── hooks/
│   └── redux.ts      ← useAppDispatch, useAppSelector
├── router/
│   └── index.tsx     ← React Router config
├── services/
│   └── api.ts        ← RTK Query base API
├── store/
│   └── index.ts      ← Redux store
├── lib/
│   └── utils.ts      ← cn() utility
├── App.tsx
├── main.tsx
└── index.css         ← Tailwind v4 + shadcn OKLCH tokens

Environment variables

Copy .env.example to .env and set your API URL:

VITE_API_URL=http://localhost:3000/api

Scripts

| Script | Description | |--------|-------------| | npm run dev | Start dev server | | npm run build | Production build | | npm run lint | Run ESLint | | npm run format | Run Prettier | | npm run preview | Preview production build |

License

MIT