DEV Community

Devesh Lashkari
Devesh Lashkari

Posted on

πŸš€ Introducing React Starter CLI Kit – Skip the Setup, Start Building Faster

Hey devs πŸ‘‹,

I recently published a new npm package called React Starter CLI Kit, and I wanted to share why I built it, what it does, and how it can (hopefully) save you some headaches.


πŸ’‘ Why I Built This

If you’ve ever kicked off a React, Vite, or Next.js project, you probably know the routine:

  • Create the project
  • Install a CSS framework
  • Add commonly used packages (Axios, Zod, React Hook Form, etc.)
  • Configure TypeScript if needed
  • Do some cleanup before you can even write your first component

It’s not rocket science πŸš€, but it is repetitive. Every new project felt like I was reinventing the wheel.

πŸ‘‰ So I thought, why not automate the boring parts and get straight to coding?


✨ What React Starter CLI Kit Does

With just one command, you can bootstrap a project with:

βœ… Frameworks: React (CRA), Vite, or Next.js
🎨 CSS Frameworks: Tailwind, MUI, shadcn/ui, Bootstrap, or none
πŸ“¦ Optional Packages: Axios, React Query, React Hook Form, Formik, Zod, Yup, Day.js, Framer Motion, Icons, and more
⚑ TypeScript Support: Available across all frameworks
πŸ› οΈ Package Manager Choice: npm, yarn, or pnpm
🌈 Beautiful CLI: Interactive prompts + loading spinners (because CLI UX matters too!)


πŸš€ Quick Start

You don’t need to install anything globally. Just run:

npx react-starter-cli-kit

Follow the prompts (framework, TypeScript, CSS, packages, package manager), and the CLI will:

  • Create your project with the chosen framework
  • Set up your CSS framework
  • Install selected optional packages
  • Initialize Git
  • Give you next steps to get started

Done. Start coding. πŸŽ‰


πŸ› Heads-Up: Early Release

This is the v1.0.0 release, which means:

  • It works, but there may still be bugs πŸͺ²
  • I’d love your feedback, issues, or PRs
  • Consider it a β€œlet’s build this together” project

So if something breaks, don’t worryβ€”you’re not alone. πŸ˜…


⚑ The Benefit

The goal is simple: remove the hassle of setup.

Instead of spending the first 30–45 minutes setting up tools, configs, and packages, you can start writing actual code. If you’re like me and spin up projects often, this could save you a lot of time and mental energy.


🀝 Want to Contribute?

If this sounds useful, here’s how you can get involved:

  • ⭐️ Star the repo on GitHub
  • 🐞 Report bugs
  • πŸ› οΈ Suggest or add new features
  • πŸ“’ Share feedback

πŸ‘‰ GitHub: deveshlashkari/react-starter-cli

πŸ‘‰ npm: react-starter-cli-kit


Thanks for reading! I hope this little tool saves you time and makes project setup less of a chore. If you give it a try, let me know how it goes πŸš€

Top comments (0)