In this lecture, we dive deep into Module Federation and its role in creating a microservices architecture for the frontend. Using Nx, we explore how to structure and configure a modular frontend that enables independent deployments while maintaining seamless communication between micro-frontends.
Full lecture: https://michaelguay.dev/lectures/
GitHub repository: https://github.com/mguay22/nx-module-federation
Nx tutorial: https://nx.dev/recipes/react/module-federation-with-ssr
Nx module federation: https://nx.dev/concepts/module-federation/module-federation-and-nx
Webpack module federation: https://webpack.js.org/concepts/module-federation/
Timestamps:
00:00:00 Introduction
00:04:19 Project Setup
00:08:25 Host Overview
00:20:14 Remote Overview
00:24:14 Build & Serve
00:32:00 Dynamic Federation