Search Docs
K
Guide
Overview
Frameworks
Practices & Concepts
Practice
Configuration
Plugins
Showcase
Blog
Ecosystem
Module Federation Examples
Practical Module Federation
简体中文
English
GitHub
Guide
Practice
Configuration
Plugins
Showcase
Blog
Ecosystem
Module Federation Examples
Practical Module Federation
简体中文
English
GitHub
Menu
Overview
React
Basic CRA Example
Setup Environment
Step 1: Setup React Applications
Step 2: Update Entry Files
Step 3: Create and Expose
Step 4: Consume Remote Module
Internationalization (i18n)
Overview
Scenario
Architecture and Implementation
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
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
