Deploying Micro Frontend Applications in AWS

Nadun Indunil
Sysco LABS Sri Lanka
6 min readAug 12, 2022

--

Table of Content

  1. Introduction
  2. Codebase Setup
  3. Architecture to deploy Micro FE in AWS
  4. Deployment Guide
  5. Deployment Pipeline
  6. Conclusion

Introduction

The Micro Frontend concept is highly inspired by microservices architecture. This will allow us to divide a Monolith Frontend into smaller pieces (micro-frontends) and implement, build, test, and deploy pieces of your frontend app independently of each other.

Among many advantages of using this approach, these few would help us to understand the impact that Micro FE has done.

  1. A maintainable small code base
  2. Incremental upgrades
  3. Independent deployments
  4. Autonomous teams

Depending on the layer that framework facilitates the Micro FE functionality, there are two main categories of Micro FE approaches.

  1. Client-side based
  2. Server-side based

This documentation will guide us to use Singla SPA (Client-side based) library to host our Micro FE application in AWS!

Codebase Setup

To demonstrate the full potential of Micro Frontends, I have created a sample repository on GitHub that contains four different folders with four…

--

--

Nadun Indunil
Sysco LABS Sri Lanka

AWS Certified Solution Architect - Associate | AWS Community Builder | A passionate Developer.