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.

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...

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)

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

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...

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 …

Sep 17, 2020 · This micro frontend pattern takes any existing react component and exposes a wrapper around it that allows the component to be bundled, shared and used in any other app.

Feb 22, 2021 · In this article, I will go step by step in creating two Micro Frontend React Components and render a Button component from one into the other. At the end of this article, you will be able to...

Dec 9, 2019 · In this article, I will walk you through using AWS serverless technologies to host and serve your Microfrontends. In contrast to using containers for your Microfrontends, the best alternative in AWS is to use Amazon Simple Storage Service (S3).