Goal

Overall Web App architecture

Prerequisites

Introduction to AWS Amplify

Amplify configure command

npm i -g @aws-amplify/cli
amplify configure
Steps to create an IAM user.
Steps to create an IAM user during Amplify configure
Execution of amplify configure command
Execution of amplify configure command

Amplify init command

cd mfe-parent
amplify init
Execution of amplify init command on parent application.
Execution of amplify init command on parent application
Amplify apps in AWS Console
Cloud Formation stack for amplify init
Generated Amplify folders in root module

Deploy micro-frontends

amplify add hosting
Execution of add hosting command
amplify publish
Cloud Formation for hosting command

Repeat for accounts and payments

Provisioned AWS resources after publish hosting command

Login feature

amplify add auth
amplify publish
Cloud Formation for add auth command
Add new user in Cognito User Pools
npm install aws-amplify @aws-amplify/ui-react  — save
React’s App.js main file.
Amplify React UI-based login screen.
Amplify React UI-based login screen.
amplify publish
Web app deployed on AWS Cloud

Summary

AWS Gotchas

Resources

--

--

--

Engineering Manager| Architect | Team/Tech Lead with a passion for frontend, backend and cloud | AWS Community Builder

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to learn programming

It moves! Moving Platforms.

String Construction — Hacker Rank ( Java, Javascript, C#)

Python Design Pattern- Behavioral | Part 3

How to side-load your bot into Microsoft Teams

Google cancels our Google Play publisher account and ends my family’s source of income

deleted google play account

What I did as a Computational Biologist in Biotech

Laptop, coffee mug and iphone on a brown desk in front of a man in black sweater also on laptop.

Good Processor — Puzzle for Interview rounds

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Antonio Lagrotteria

Antonio Lagrotteria

Engineering Manager| Architect | Team/Tech Lead with a passion for frontend, backend and cloud | AWS Community Builder

More from Medium

A Complete CDK for a Module-Federated Micro-Frontends AWS Architecture

Serverless API with TypeScript on AWS

Serverless Architecture

How to create custom domain API in AWS API Gateway