After establishing a micro-frontend architecture and its deployment via Amplify in two previously published stories, it’s now time to focus on the Amplify supported backend capabilities. We will setup a simple multi-tenant application with a payments service based on AWS AppSync, a managed GraphQL API. Whole code can be found on Github.

Focus architecture for Payments micro-frontend.

Goal

Scope of this story is to:

  • Support CRUD operations to the payments micro-frontend by using Amplify AppSync to consume a payments API backed by GraphQL and DynamoDB.
  • Introduce an element of multi-tenancy architecture to allow companies’ users to manage their unconfirmed company payments.

User interface will differ a…


In a previous story, we created a simple web application leveraging a micro-frontend architecture. Now it is time to deploy our app to the cloud. This story - Part 2 - is going to be “AWS-heavy”, as we deep dive into various AWS resources and services. The end result will be the deployment of the web app to AWS, which you can access from your machine.

Goal

We want to design and deploy below architecture by focusing on two areas:

Excited? I am!

Overall Web App architecture

Prerequisites

In order to…


This story is the first part of a series of tutorials where, starting from a trivial micro-frontend (MFE) application, I will dive deep in AWS Amplify, a very promising framework allowing developers (and I would say start-ups) to easily build and deploy full-stack applications managed by AWS.

Goal

This mini-series will consists of different parts:

  • This story, Part 1, will present how to build a React / Angular micro frontend app, so it will be a “frontend-heavy” story.
  • We will then deploy it to AWS by using Amplify in Part 2.
  • We will build multi-tenancy CRUD Payments functionality based on GraphQL…

Antonio Lagrotteria

Tech Lead with a passion for frontend, backend and cloud

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