This pattern provides a step-by-step approach to coding and hosting an SPA that’s written in React on Amazon Simple Storage Service (Amazon S3) and Amazon CloudFront. The SPA in this pattern uses a REST API that’s configured in Amazon API Gateway and exposed through an Amazon CloudFront distribution to simplify cross-origin resource sharing ...

This is a sample project to show how to configure React/Typescript applications for the Micro Frontends pattern and deploy it to AWS with Webpack Module Federation. This project consists of four pieces, a CDK app, a host app and two remotes apps remote-1 and remote-2.

Mar 4, 2021 · In a micro-frontend architecture, development teams independently build and deploy “child” frontend applications. These applications are combined by a “parent” frontend application that acts as a container to retrieve, display, …

Oct 18, 2021 · In my previous post I walked you through how to create a basic hello-world micro frontend application which leveraged the use of webpack and React to integrate components at run time. Geek CultureRichard Bell. ] (https://medium.com/geekculture/how-to-add-vue-or-another-framework-to-your-react-micro-frontend-1d1a7cddc198)

Feb 27, 2021 · In this article, we will deploy MFE1 and MFE2 to AWS and access them from the internet, instead of LocalHost. I will try to use the bare minimum and simplest steps so that you can follow along...

Step by step guide on how you can add a different framework to your micro frontend when it's integrated at run time. There's a link to the source code in both of the above articles if you'd rather get stuck into the AWS side of things instead. Once …

Dec 11, 2023 · This POC has demonstrated the successful implementation of a MicroFrontend architecture using ReactJS and VueJS, with CI/CD facilitated by GitHub Actions, AWS, and YAM

Feb 27, 2021 · In this article, we will deploy MFE1 and MFE2 to AWS and access them from the internet, instead of LocalHost. I will try to use the bare minimum and simplest steps so that you can follow along...

Jan 30, 2025 · In this video, I’ll guide you through deploying a Single-SPA application seamlessly using Amazon S3 for storage and CloudFront for blazing-fast content delivery....more. Are you ready to take...

Nov 16, 2023 · Sounds like your CloudFront distribution does not have proper access to the objects in your S3 bucket, so start checking there. Instead of following that older one, there is a newer applicable example that will walk you through building a React app that does deploy the React app to CloudFront.