Search
K
Guide
Practice
Configuration
Plugins
Showcase
Blog
Ecosystem
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
简体中文
English
Search
K
Guide
Practice
Configuration
Plugins
Showcase
Blog
Ecosystem
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
简体中文
English
Menu
Overview
Filter
React
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
Installation
Generate Shell (Host) with Remotes
Adding Additional Remotes
Understanding Nx's Module Federation Abstractions
Learn More
Internationalization (i18n)
Overview
Scenario
Architecture and Implementation
Modern.js
Quick Start
Environment
Create Project
Set Module Federation Configure
CSS flickering issue
Dynamic load provider
Create provider
Create loader
Load dynamic provider
Next.js
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
Routing & Importing Pages
Importing Remote Pages
Working with Express.js
Presets
Shared
Expose Pages
Build Options
Angular
Angular CLI Setup
Prerequisites
Installation
Shell (Host) Configuration
Configuring the Remote
Starting the Applications
Optimizing Dependency Sharing
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
Overview
Preparatory Steps
Webpack Configuration for Shell Application
Configuring the Remote Module/Application
Angular Routing
Dynamic Component Creation of Remote Modules
Shared Dependencies
Summary
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
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
Overview
Prerequisites
Step-by-Step Guide
Conclusion
Authentication with Okta
Introduction
Prerequisites
Setting Up Okta Authentication
Implementing Authentication Logic
Adding User Profiles with Module Federation
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
Understanding Our Tools: @angular-architects/module-federation
Setting Up Main App
Setting up Remote Apps
Testing and Running the Applications
Optimizing Build Configuration
