A quick CLI tool to scaffold React + Vite projects with optional TypeScript and Tailwind CSS.
- Create React projects with Vite.
- Optional TypeScript support.
- Optional Tailwind CSS setup with Prettier integration.
- Automatically configures
vite.config.js. - Automatically added essential dependencies like
react-router-domandprettier.
Install the CLI globally using your preferred package manager:
npm install -g @nynrathod/react-quick-starteryarn global add @nynrathod/react-quick-starterRun the CLI to create a new React project with Vite:
rqs create my-app- Replace
my-appwith your project name. - Follow the prompts to choose TypeScript and/or Tailwind CSS.
- Use
--latestflag to fetch the latest package versions:
rqs create my-app --latestAfter creating your project, navigate into the folder and install dependencies, then start the development server:
cd my-app# Using npm
npm install
npm run dev# Or using Yarn
yarn install
yarn devThis starts the Vite development server, and your app will be live at http://localhost:5173.
--latest: Uses the latest package versions from npm instead of predefined versions.- TypeScript: Adds TypeScript support if selected during setup.
- Tailwind CSS: Configures Tailwind CSS with Prettier integration if chosen.
- react-router-dom: For client-side routing.
- prettier: For code formatting.
- tailwindcss (optional): For utility-first CSS.
- @tailwindcss/vite (optional): Vite plugin for Tailwind.
- prettier-plugin-tailwindcss (optional): Prettier plugin for Tailwind.
- Error creating Vite project: Ensure your package manager (
npmoryarn) is installed. - Dependency issues: Run
npm installoryarn installin the project folder. - Tailwind not working: Verify
index.css, andvite.config.jsare correctly set up.
For issues, check the GitHub Issues page or file a new issue.
Contributions are welcome! Fork the repo, make changes, and submit a pull request at GitHub.
MIT License.