Coder Social home page Coder Social logo

momohyusuf / mern-scaffold Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 58 KB

A CLI tool that helps you easily generate boilerplate code for MERN application.

Home Page: https://www.npmjs.com/package/mern-scaffold

JavaScript 89.51% HTML 2.26% CSS 8.23%
boilerplates mern-boilerplate vite

mern-scaffold's Introduction

MERN SCAFFOLD

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.

Installation

By using npm (the recommended way):

npm install -g mern-scaffold

mern-scaffold will be installed globally to your system path.

Usage

After downloading, on you Command line just type

mern-scaffold

Frontend app

The frontend uses vite-plugin-react-swc [vite-plugin-react-swc]

Speed up your Vite dev server with SWC

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

Extra default packages

The frontend also comes with the following default packages installed:

Component library

You can select a component library to add The two options presently supported are

The Backend

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:

Full-stack

This consist of:

  • Everything in frontend
  • Everything in Backend

Starting Application

After The respected folders has been generated run

cd folder_name
npm install
npm run dev

support

If you would like to support me, you can buy me a coffee โ˜•

mern-scaffold's People

Contributors

jaytechent avatar momohyusuf avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.