MEAN (solution stack) explained

MEAN (MongoDB, Express.js, AngularJS (or Angular), and Node.js)[1] is a source-available JavaScript software stack for building dynamic web sites and web applications.[2] A variation known as MERN replaces Angular with React.js front-end,[3] [4] and another named MEVN use Vue.js as front-end.

Because all components of the MEAN stack support programs that are written in JavaScript, MEAN applications can be written in one language for both server-side and client-side execution environments.

Though often compared directly to other popular web development stacks such as the LAMP stack, the components of the MEAN stack are higher-level including a web application presentation layer and not including an operating system layer.[5]

The acronym MEAN was coined by Valeri Karpov.[6] He introduced the term in a 2013 blog post and the logo concept, initially created by Austin Anderson for the original MEAN stack LinkedIn group, is an assembly of the first letter of each component of the MEAN acronym.[7]

Software components

MongoDB

See main article: articles and MongoDB. MongoDB is a NoSQL database program that uses JSON-like BSON (binary JSON) documents with optional schemas.

The role of the database in the MEAN stack is very commonly filled by MongoDB because its use of JSON-like documents for interacting with data as opposed to the row/column model allows it to integrate well with the other (JavaScript-based) components of the stack.[8]

Express.js

See main article: articles and Express.js. Express.js (also referred to as Express) is a modular web application framework package for Node.js.[9]

While Express is capable of acting as an internet-facing web server, even supporting SSL/TLS out of the box, it is often used in conjunction with a reverse proxy such as NGINX or Apache for performance reasons.[10]

Angular and alternatives

See main article: articles, Angular (web framework), React (JavaScript library) and Vue.js. Typically data is fetched using Ajax techniques and rendered in the browser on the client-side by a client-side application framework, however as the stack is commonly entirely JavaScript-based, in some implementations of the stack, server-side rendering where the rendering of the initial page can be offloaded to a server is used so that the initial data can be prefetched before it is loaded in the user's browser.[11]

Node.js

See main article: articles and Node.js. Node.js is the application runtime that the MEAN stack runs on.

The use of Node.js, which is said to represent a "JavaScript Everywhere" paradigm,[12] is integral to the MEAN stack which relies on that concept.

See also

Further reading

External links

Notes and References

  1. Web site: us-en_cloud_learn_mean-stack-explained. 2019-05-09. www.ibm.com. IBM Cloud Education. en-us. live. https://web.archive.org/web/20200514164130/https://www.ibm.com/cloud/learn/mean-stack-explained. 2020-05-14. 2020-02-16.
  2. Book: Dickey, Jeff. Write Modern Web Apps with the MEAN Stack: Mongo, Express, AngularJS, and Node.js. 2014-09-24. Peachpit Press. 9780133962376. en.
  3. Web site: MERN Stack Explained. https://web.archive.org/web/20230427015349/www.mongodb.com/mern-stack. live. 2023-04-27.
  4. Web site: How to Use MERN Stack: A Complete Guide. live. https://web.archive.org/web/20230321004436/www.mongodb.com/languages/mern-stack-tutorial. 2023-03-21.
  5. Web site: LAMP vs MEAN, Deciding the right stack for your startup. www.linkedin.com. en. 2020-02-16.
  6. Web site: The MEAN Stack: MongoDB, ExpressJS, Angular and Node.js. Apr 30, 2013. Tumblr.
  7. Web site: Mean Stack. LinkedIn.
  8. Web site: The most popular database for modern apps. MongoDB. en-us. 2020-02-16.
  9. Web site: Express - Node.js web application framework. expressjs.com. en. 2020-02-16.
  10. Web site: Why should I use a Reverse Proxy if Node.js is Production-Ready?. II. Thomas Hunter. 2019-03-28. Medium. en. 2020-02-16.
  11. Web site: Features - Server Side Rendering Next.js. nexts.org. en. 2020-02-16.
  12. Web site: JavaScript Everywhere and the Three Amigos (WebSphere: Into the wild BLUE yonder!). https://web.archive.org/web/20131114212619/https://www.ibm.com/developerworks/community/blogs/gcuomo/entry/javascript_everywhere_and_the_three_amigos?lang=en. dead. 2013-11-14. 2013-11-14. 2020-02-16.