mern-scaffold is a CLI tool that helps you to quickly develop basic boilerplate code for your MERN app. You can generate boilerplate code for your Frontend or Backend. You can also generate them as a full stack project.
By using npm (the recommended way):
npm install -g mern-scaffold-oss
mern-scaffold will be installed globally to your system path.
After downloading, on you Command line just type
mern-scaffold
The 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.js
The 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.MD
The 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 dev
If you would like to support me, you can buy me a coffee ☕