Taxonomy Icon

Node.js

Build a MERN web app

Get the code Build MERN on IBM Cloud

Description

This code pattern will deploy a Mongo, Express, React, and Node (MERN) web app to IBM Cloud. Deploy from a starter kit in a matter of minutes or walk through a tutorial to perform a few steps. The end result will be a MERN app running on Kubernetes or Cloud Foundry (that’s up to you!) in just a few clicks.

Overview

The MERN stack and its variants (MEAN and MEVN) have made a huge impact on web development — offering a single language for both the client and server side, JSON everywhere, an open source NoSQL database, and many other benefits. The MEAN/MERN stack has become essential for the modern web developer.

This code pattern shows you how to create a web app that is pre-configured with the MERN stack with the goal of deploying the app to IBM Cloud in a matter of minutes. You will use the IBM Cloud Developer Tools CLI to reduce configuration steps, so you can run the application locally, too.

By going through this code pattern, you will understand how to:

  • Build an application that uses MongoDB, Express.js, React, and Node.js
  • Create an application that uses App Metrics for monitoring and distributed tracing
  • Deploy an application using the IBM Developer Tools CLI or natively with Kubernetes or Cloud Foundry

Flow

flow

  1. User views the React web app with a browser
  2. With both components written in Node.js, the React front-end communicates with the Express back-end via RESTful APIs.
  3. The back-end Express application uses the Mongo database for storing and retrieving data.
  4. Back-end results are communicated back to the the front-end.
  5. Front-end results are rendered in a human readable format to the user.

Instructions

Ready to get started? See the README for detailed instructions.