WHAT IS MERN STACK?

MERN stack is a collection of powerful technologies

used to develop scalable web applications comprising
of front-end , backend and database components.
WHAT IS MERN STACK?
MERN stack is a technology that uses user - friendly
javascript framework for building applications and
dynamic websites.

It contains four main components or four main

technologies:
1. MongoDB , is used for preparing document database
and is a Nosql Database system
WHAT IS MERN STACK?
2. E stands for Express , mainly used for developing
Node.js framework.
3. R stands for react , mainly used for developing client
- side javascript framework.
4. N stands for js , mainly used for developing premier
javascript web server.
These four technologies play an important role in the
development of web applications.
WHAT IS MERN STACK?
Before MERN stack , it was called as MEAN stack , it
contains four components or four technologies namely
MangoDB , ExpressJS , AngularJS and NodeJS.
MERN stack is used for faster development of smaller
applications whereas MEAN stack is used for developing
large - scale applications.
MEAN stack relies on AngularJS for its front - end
ecosystem whereas MERN stack relies on react and its
ecosystem.
WHAT IS MERN STACK?
NodeJS is a popular javascript server platform ,
whereas ExpressJS is a server-side web framework.
ARCHITECTURAL STRUCTURE OF
MERN STACK
MERN stack architecture has 3 layers:
1. Web as front -end tier.
2. Server as middle tier.
3. Database as backend tier.
ARCHITECTURAL STRUCTURE OF
MERN STACK
ARCHITECTURAL STRUCTURE OF
MERN STACK
It contains four components namely :
MangoDB
ExpressJS
ReactJS
NodeJS
ARCHITECTURAL STRUCTURE OF
MERN STACK
i) Web or Front - End Tier: The top tier of MERN
stack is mainly handled by reactJS.
It is famous for creating dynamic client side
applications.
React is used to create mobile applications(React
Native) and web applications.
React allows the reusability of code and can easily
support it.
ARCHITECTURAL STRUCTURE OF
MERN STACK
ii) Server or Middle Tier: It is just the next level
from the top layer and is mainly handled by two
components of MERN stack , ExpressJS and
NodeJS.
ExpressJS is one of the popularly used backend
development frameworks.
It allows developers to spin up robust APIs and
web servers much easier and simpler.
ARCHITECTURAL STRUCTURE OF
MERN STACK
It also adds helpful functionalities to NodeJS
objects.
NodeJS is an open - source and a cross - platform
runtime environment for executing Javascript code
outside the browser.
ARCHITECTURAL STRUCTURE OF
MERN STACK
ARCHITECTURAL STRUCTURE OF
MERN STACK
iii) Database or Backend Tier:
It is one of the most important levels of MERN stack
and mainly handled by MongoDB , the main role of a
database is to store all the data related to the
application , for example - content , statistics ,
information , user profiles.
It maintains a proper record , which usually returns
the data to the user when required.
ARCHITECTURAL STRUCTURE OF
MERN STACK
iii) Database or Backend Tier:
It provides a different mechanism for the retrieval
and storage of data.
MongoDB is the most popular NoSQL database , an
open - source document oriented database.
NoSQL means a non - relational database that does
not require a fixed schema or relational tables to
store the data in it.