DEV Community

Cover image for MERN-X full-stack framework for MERN Stack Developer
Rabbil Hasan
Rabbil Hasan

Posted on

MERN-X full-stack framework for MERN Stack Developer

MERN-X is a comprehensive full-stack framework designed to streamline the development of web applications using the popular MERN stack: MongoDB, Express.js, React, and Node.js. Built with simplicity and scalability in mind, MERN-X empowers developers to create robust and efficient applications from end to end

Installation:

To create a new project using MERN-X, simply run the following command:

npx mern-x@latest
Enter fullscreen mode Exit fullscreen mode

How to run project

npx run mern   // Project Back End Will Run @3000
npx run dev    // Complte Project Back End Will Run @3001
Enter fullscreen mode Exit fullscreen mode

How create Model

npm run create:model YourModelName
Enter fullscreen mode Exit fullscreen mode

How create Controller

npm run create:controller YourControllerName
Enter fullscreen mode Exit fullscreen mode

How create Middleware

npm run create:middleware YourMiddlewareName
Enter fullscreen mode Exit fullscreen mode

How create Page

npm run create:page YourPageName
Enter fullscreen mode Exit fullscreen mode

How create Component

npm run create:component YourComponentName
Enter fullscreen mode Exit fullscreen mode

How create Loader

npm run create:loader YourLoaderName
Enter fullscreen mode Exit fullscreen mode

How create Layout

npm run create:layout YourLayoutName
Enter fullscreen mode Exit fullscreen mode

Project Structure

mern-x/
│
├── app/                                      
│   ├── config/                                 
│   │   ├── cli.js
│   │   ├── config.js
│   │
│   ├── controllers
│   │   ├── todoController.js
│   │
│   ├── middlewares
│   │   ├── authMiddleware.js
│   │
│   ├── models
│   │   ├── todosModel.js
│   │
│   ├── storage/
│   │
│   ├── utility/
│   │   ├── emailUtility.js
│   │   ├── tokenUtility.js
│   │   ├── validationUtility.js
│   │
│   ├── dist/
│   │
│   ├── node_modules/
│   │
│   ├── public/
│   │
│   ├── routes/
│   │   ├── api.js
│   │   ├── web.jsx
│   │
│   ├── views/
│   │   ├── assets/
│   │   │   ├── css/
│   │   │   │    ├── style.js
│   │     
│   │   ├── components/
│   │   │   ├── CreateForm.jsx
│   │   │   ├── List.jsx 
│   │   
│   │   ├── layout/
│   │   │   ├── AppLayout.jsx
│   │   │
│   │   
│   │   ├── loader/
│   │   │   ├── ListLoader.jsx
│   │   │ 
│   │   ├── pages/
│   │   │   ├── CreatePage.jsx
│   │   │   ├── ListPage.jsx 
│   │     
│   │   ├── main.jsx  
│   │
│   │
│   ├── .gitattributes
│   ├── .gitignore
│   ├── app.js
│   ├── index.html
│   ├── LICENSE
│   ├── package.json
│   ├── package-lock.json
│   ├── postcss.config.js
│   ├── README.md
│   ├── tailwind.config.js
│   ├── vite.config.js

Enter fullscreen mode Exit fullscreen mode

Github: https://github.com/rupomsoft/mern-x
NPM: https://www.npmjs.com/package/mern-x
Website: https://mernx.com

Top comments (1)

Collapse
 
sumonbarai profile image
sumon barai •

wonderful invention for mern developer