Search
K
Guide
Practice
Configuration
Plugins
Showcase
Blog
Ecosystem
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
English
简体中文
English
Theme
Languages
English
简体中文
English
Menu
ON THIS PAGE
Overview
#
Filter
Basic CRA with Rsbuild
#
Basic CRA with Rsbuild
Setup Environment
Step 1: Setup React Applications
Step 2: Installing Module Federation Build Plugin
Step 3: Update Entry Files
Step 4: Create and Expose
Step 5: Configure Rsbuild in MFE2
Step 6: Consume Remote Module
Using Nx CLI for React
#
Using Nx CLI for React
Installation
Generate Shell (Host) with Remotes
Adding Additional Remotes
Understanding Nx's Module Federation Abstractions
Learn More
Internationalization (i18n)
#
Internationalization (i18n)
Overview
Scenario
Architecture and Implementation
Quick Start
#
Quick Start
Environment
Create Project
Set Module Federation Configure
CSS flickering issue
Dynamic load provider
#
Dynamic load provider
Create provider
Create loader
Load dynamic provider
Basic Example
#
Basic Example
Setup Environment
Step 1: Setup Next Applications
Step 2: Override Webpack
Step 3: Implementing SSR
Step 4: Create and Expose
Step 5: Consume Remote Module
Importing Components
#
Importing Components
Routing & Importing Pages
#
Routing & Importing Pages
Importing Remote Pages
Working with Express.js
#
Working with Express.js
Presets
#
Presets
Shared
Expose Pages
Build Options
Angular CLI Setup
#
Angular CLI Setup
Prerequisites
Installation
Shell (Host) Configuration
Configuring the Remote
Starting the Applications
Optimizing Dependency Sharing
Using Nx CLI for Angular
#
Using Nx CLI for Angular
Installation
Generate Shell (Host) with Remotes
Adding Additional Remotes
Understanding Nx's Module Federation Abstractions
Learn More
Micro-frontends with Angular
#
Micro-frontends with Angular
Overview
Preparatory Steps
Webpack Configuration for Shell Application
Angular Routing
Dynamic Component Creation of Remote Modules
Shared Dependencies
Summary
Server-Side Rendering
#
Server-Side Rendering
Nx's Push into SSR with Module Federation (From Version 15.4)
How It Works
Step-by-Step Guide
Caching and Real-Time Updates
Verifying the Setup
Using Service Workers
#
Using Service Workers
Service Workers with Angular and Module Federation
Angular Service Worker
The benefits
Implementing Service Workers
PWA Setup
Workbox for Enhanced Service Worker Management
Authentication with Auth0
#
Authentication with Auth0
Overview
Prerequisites
Step-by-Step Guide
Conclusion
Authentication with Okta
#
Authentication with Okta
Introduction
Prerequisites
Setting Up Okta Authentication
Implementing Authentication Logic
Adding User Profiles with Module Federation
Splitting a Monolith
#
Splitting a Monolith
Introduction to Micro-Frontends
Micro-Frontend Technology Landscape
Tackling the Transition to Micro-Frontends
Refactoring an Existing Application
Reviewing the Base Application for Micro-Frontend Implementation
Integrating the Login App into the Main Application
Extending a Monolith
#
Extending a Monolith
Understanding Our Tools: @angular-architects/module-federation
Setting Up Main App
Setting up Remote Apps
Testing and Running the Applications
Optimizing Build Configuration