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)