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

Beyond the Jargon: What is DevOps?

The Computer Guide To Dummies

Python multithreading for Java Programmers

[Leetcode 617] Merge Two Binary Trees

Leetcode 1564. Put Boxes Into the Warehouse I

OSPF (Open Short Path First) Routing Protocol Implemented using Dijkstra Algorithm …

Debug Spring MVC with IntelliJ IDEA Community Edition & Tomcat (Windows)

CUSTOM TOAST VIEWS IN ANDROID

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

Serverless Architecture Tech To Begin With

Serverless for Web Developers

Serverless API with TypeScript on AWS

Introducing Serverless Cloud