Deploy any MERN Stack App on Azure Cloud using CICD Pipeline

Register for an Azure free account and receive a $200 credit to explore services. Sign up with a GitHub or Hotmail account, add payment details, and log in.

Explore the Azure portal, create and organize resources in resource groups, and learn to provision virtual machines, app services, storage, and Cosmos DB with subscriptions and regions.

Explore Azure DevOps fundamentals by navigating organizations, projects, boards, backlog, and repositories; learn to manage CI/CD pipelines, releases, test plans, and artifacts for agile MERN app deployment.

Enable Azure pipeline agents in an Azure DevOps account by emailing 'free parallelism grant request' to Izzy Biplanes, hyphen fleet director at Microsoft dot com, including your name and organization.

Deploy a MERN stack student management app to Azure using a CI/CD pipeline that automatically deploys front-end and back-end changes to MongoDB, with React and Express API.

Create an Azure Cosmos DB with the MongoDB API, configure subscription, resource group, and region (North Europe), then obtain the connection string to connect your local MERN app.

Connect Cosmos DB from local by copying the primary connection string from the portal and updating the database configuration with the database name, then start the app to confirm.

Test a local MERN app by creating and viewing student records in the data explorer, confirming a database connection from the local computer.

learn to push your frontend and backend code to an Azure DevOps repository, create a project, add a private repo, and push the first commit to enable a deployment pipeline.

Learn to create a ci pipeline for a node express app in Azure DevOps, including install, test, and artifact publish, then set up cd to an Azure App Service.

Create and connect a seed continuous deployment pipeline, linking CI to CD, and deploy a Node/Express app to an Azure app service with main-branch triggers and deployment logs.

Connect local React code to the Azure backend Cosmos DB, test updates across the app, and verify network calls route to the Azure service for end-to-end backend verification.

Clone the frontend repository, copy the project URL, commit changes, and push the React code to Azure repos to deploy a MERN stack app on Azure cloud.

Create a CI pipeline for a React frontend on Azure. Include npm install and build, publish artifacts to a drop folder, and deploy to a storage account or static container.

Create a storage account with a blob container to host static artifacts, enable anonymous access, and automate deployment from the drop folder through the ci/cd release pipeline.

Create a continuous deployment pipeline in Azure DevOps that copies build artifacts from the CI drop to an Azure storage container and deploys a ReactJS frontend.

Demonstrates end-to-end testing of a MERN stack app deployed on Azure, showing how the API on App Service talks to Cosmos DB and updates data through the UI.

Explore using Application Insights to monitor a MERN app and diagnose 500 errors. Drill down into logs, exceptions, and requests, and map the application's connections to MongoDB.

Delete all cloud artifacts and resources from the deployed MERN stack project to stop charges during personal practice, including databases, artifacts, and other deployed items.