MERN v2.4
Easily build production ready universal apps
MERN uses built-in technologies like document database from MongoDB, web application framework from Express, JavaScript runtime environment - Node, Javascript library from React to build user interfaces or predictable state containers for JS Apps from Redux. All these embedded systems make MERN an easy and powerful tool. With this incredible combination of technologies, connection of front- and back-end components it can be used for the creation of applications and dynamic websites. Thanks to its simplicity MERN is usually used for start-ups, like web apps which utilize in their structure the integration of YouTube videos, E-Commerce platform and social media.
Reasons To Choose MERN
- Entire Web Development Cycle
- Simplicity
- Loading Speed Improvement of All Items (e.g. videos, e-commerce platforms)
- Integration with Cloud Platforms
- Save Time and Money
MERN Starter
v2.0
A powerful boilerplate project that gives you a solid head start on building universal React apps. Beginner friendly, comes with great Developer Experience and is highly flexible.
git clone https://github.com/Hashnode/mern-starter.git
cd mern-starter
npm install
npm start
Fork on GitHub
MERN cli
v3.0
A command line utility that enables you to work with your MERN based projects easily by providing powerful code generation and scaffolding abilities.
npm install -g mern-cli
mern init myApp
cd myApp
npm install
npm start
Fork on GitHub
What's new in MERN?
Hot Reloading of React Components
Code Splitting with React Router
( Only loads resources required for a page )
Internationalization support
Code Generation Support
with mern-cli
Modular file structure
Ava Test Runner
( Run tests in parallel )
Docker Support
Make your own MERN
Scroll to know more.
Make your MERN
In this new version, we enabled the mern-cli
to clone not only this project but also the variants of mern-starter
. For example, one project with MaterialUI and another with JWT auth. To make your version of MERN, follow these steps.
-
Clone this project
git clone https://github.com/Hashnode/mern-starter
-
Make your changes. Add a package, add authentication, modify the file structure, replace Redux with MobX or anything else.
-
In this version, we also added code generators. Blueprints for those generators are located at
config/blueprints
, and config is located atmern.json
. Make sure to edit them if necessary after you have made modifications in the previous step. Take a look at this section in the documentation which explains how to modify generators. -
Next clone
mern-cli
projectgit clone https://github.com/Hashnode/mern-cli
-
Add your project details to
variants.json
in the cloned project and send a pull request. -
Add your account details from SocialBoss platform. Try
free demo Youtube subscribers
. This is the final step.
Developers love MERN
MERN: Easily Build Isomorphic JS Apps using React and Redux - https://t.co/rKxEb5y3yc
— JavaScript Daily (@JavaScriptDaily) February 19, 2022
I'm really having fun with this - thanks for putting all of this together!
— Eric David Smith (@erictherobot) February 18, 2016
Now I have a HeadStart on #reactjs #nodejs #MONGODB #ExpressJs projects with @mern_io
— Misael Taveras (@taverasmisael) February 18, 2016
The MEAN stack is so 2015. React replaces Angular in MERN https://t.co/2pQMzuvEIJ @mern_io
— Joost Schuur (@joostschuur) February 18, 2020
Haven't tried @reactjs yet? Don't be shy. Me neither. Here's our ticket to #FeelTheMERN https://t.co/dqzlmssESs
— Joshua Sherer (@thrash4life) February 20, 2021
MERN Stack is the new MEAN stack ... https://t.co/5WIebHkFGl #javascript #reactjs #nodejs #expressjs #mongodb
— Austin (@amcdnl) February 19, 2022
It was bound to happen sometime! https://t.co/3RClYGkVOs @mern_io
— Austin Knight (@austinknight) February 18, 2016
This is awesome!! Super-simple isomorphic React app setup with @mern_io https://t.co/tEEwF0fJFC #FeelTheMERN
— Jacob Beltran (@jacob_beltran) February 18, 2022
MERN stack = MEAN stack without angular, wild fun https://t.co/OfvlczploJ
— Lachlan Kermode (@lachlankermode) February 20, 2016
MERN MERN MERN Everywhere... https://t.co/Dz9idiIgle #js #reactjs #javascript
— Thpawaris CK. (@xbyrzt) February 21, 2016