A CLI tool to quickly set up a React project with pre-configured templates like ShadCN, Redux, and more.
- β‘ Instant Project Setup β Get a fully configured React project in seconds.
- π¨ Pre-built Templates β Includes ShadCN, Redux, and more.
- π Best Practices β Organized structure with ready-to-use configurations.
- π₯ GitHub-Hosted Templates β Clones the latest templates directly.
To install globally:
npm i -g react-cli-setup
If react-setup
is not recognized, try running with npx
:
npx react-setup init --shadcn --name my-app
Also, ensure the global binaries path is added to your system's Environment Variables.
To create a new React project, run:
react-setup init --shadcn --name my-app
or with Redux:
react-setup init --shadcn-redux --name my-app
This will:
β
Clone the selected template from GitHub
β
Create a new folder with the specified name
β
Guide you to the next steps
Initialize a new React project.
Option | Description |
---|---|
--shadcn |
Clone the ShadCN-based React project |
--shadcn-redux |
Clone the ShadCN-based React project with Redux |
--electron |
Clone the ShadCN-based React project with electron |
--name <name> |
Set a custom project name (default: my-react-project ) |
Example:
react-setup init --shadcn --name my-awesome-app
Once initialized, your project will have:
my-app/
οΈπ src/
π components/
π pages/
π store/
π assets/
π routes/
π main.tsx
οΈπ public/
οΈπ package.json
οΈπ tsconfig.json
οΈπ vite.config.ts
οΈπ README.md
After cloning, navigate into the project and start:
cd my-app
npm install
npm run dev
This project is licensed under the MIT License.
Contributions are welcome! Open an issue or submit a PR.
Nitesh
π§ Email: upadhayaynitesh@gmail.com
π GitHub: https://github.com/Niteshcodes/
Happy coding! π