Fullstack-handy is a CLI tool that helps you to quickly develop basic boilerplate code for your MERN application. You can generate boilerplate code for your Frontend or Backend. You can also generate them as a full stack project which install all necessary dependencies for you fullstack application.
By using npm (the recommended way):
npm install -g fullstack-handyfullstack-handy will be installed globally to your system path.
After downloading, on you Command line just type
fullstack-handyThe frontend uses vite-plugin-react-swc
[]
Speed up your Vite dev server with SWC
- ✅ A fast Fast Refresh (~20x faster than Babel)
- ✅ Enable automatic JSX runtime
The following folders and files will be generated
- 📂 layouts
- 📂 pages
- 📂 public
- 📂 src
- 📄 .env
- 📄 .eslintrc.cjs
- 📄 .gitignore
- 📄 index.html
- 📄 package.json
- 📄 postcss.config.js
- 📄 README.MD
- 📄 tailwind.config.js
- 📄 vite.config.jsThe frontend also comes with the following default packages installed:
- Tailwindcss TailwindCSS
- React router dom React router
- Validator validator
- Axios axios
You can select a component library to add The two options presently supported are
The backend contains basic boilerplate code for an express app
The following folders and files will be generated
- 📂 config
- 📂 controllers
- 📂 middleware
- 📂 model
- 📂 routes
- 📂 utils
- 📂 public
- 📄 .env
- 📄 .gitignore
- 📄 index.js
- 📄 package.json
- 📄 README.MDThe backed also comes with the following default dependencies installed:
- Bcrypt bcrypt
- Cors cors
- Dotenv React router
- Express express
- Express async Errors express-async-errors
- Json web token jsonwebtoken
- Mongoose mongoose
- Morgan morgan
- Validator validator
This consist of:
- Everything in frontend
- Everything in Backend
After The respected folders has been generated run
cd folder_name
npm install
npm run devIf you would like to support me, you can buy me a coffee ☕