MERN v2.4
Easily build production ready universal apps
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, 2016
I'm really having fun with this - thanks for putting all of this together! https://t.co/ycbY7B7MyI
— 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, 2016
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, 2016
MERN Stack is the new MEAN stack ... https://t.co/5WIebHkFGl #javascript #reactjs #nodejs #expressjs #mongodb
— Austin (@amcdnl) February 19, 2016
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, 2016
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