Skip to content
NxDocs
Created byNrwl
HomeNxNx CloudPackagesPluginsRecipes
Community channelSlackLatest newsTwitterYoutube channelYouTubeNx is open source, check the code on GithubGithub
  • Getting Started
    • Set up a new workspace
    Nx Console
    • Nx Console Generate Command
    • Nx Console Run Command
    • Nx Console Add Dependency Command
    • Nx Console Project Pane
    • Nx Console Keyboard Shortcuts
    CI
    • CI Setup
    • Setting up Azure Pipelines
    • Setting up CircleCI
    • Setting up GitHub Actions
    • Setting up Jenkins
    • Setting up GitLab
    • Setting up Bitbucket
    Adopting Nx
    • Nx and Lerna
    • NPM/Yarn/PNPM workspaces
    • From CRA
    • From Angular CLI
    • From AngularJS
    • Preserving Git Histories
    • Manual migration
    Executors
    • Use Executor Configurations
    • Running Custom Commands
    • Local Executors
    • Compose Executors
    Generators
    • Local Generators
    • Composing Generators
    • Generator Options
    • Creating Files
    • Modifying Files
    Advanced Plugins
    • Project Inference Plugins
    • Project Graph Plugins
    Environment Variables
    • Define Environment Variables
    • Use Environment Variables in React
    • Use Environment Variables in Angular
    Module Federation and Micro Frontends
    • Faster Builds with Module Federation
    • Advanced Micro Frontends with Angular using Dynamic Federation
    • Nx Micro-Frontend Example
    Storybook
    • Publishing Storybook: One main Storybook instance for all projects
    • Publishing Storybook: One Storybook instance per scope
    • Publishing Storybook: One main Storybook instance using Storybook Composition
    Other
    • Disable Graph Links Created from Analyzing Source Files
    • Advanced Update Nx
    • JavaScript and TypeScript
    • React Native with Nx
    • Adding Images, Fonts, and Files
    • Setup incremental builds for Angular applications
    • Profiling Build Performance
    • Using ESLint in Nx Workspaces
    • Configuring Browser Support
    • Deploying Next.js applications to Vercel
    • Webpack 5 Migration
    • Using Tailwind CSS in React
    • React 18 Migration
    • Using Tailwind CSS with Angular projects
    • Using NgRx
    • Using Data Persistence operators
    • Customizing Webpack Config
    • Powering Up React Development With Nx
    • Using Apollo GraphQL
    • Large Repo and Caching
    • Large Repo and DTE
    • Ban Dependencies with Certain Tags
    • Tag in Multiple Dimensions
    • Ban External Imports
    • Tags Allow List
    • Export Project Graph
    • Resolve Circular Dependencies
  1. recipes
  2. module federation

Module Federation and Micro Frontends

How to work with and setup Module Federation with Nx.

Faster Builds with Module Federation
Advanced Micro Frontends with Angular using Dynamic Federation
Nx Micro-Frontend Example
Report an issueEdit this page

Footer

Nx

Smart, Fast and Extensible Build System

TwitterTwitterGitHubGitHubSlackSlackYoutubeYouTubeNewsletter

Resources

  • Blog
  • Youtube Channel
  • Nx Playbook
  • Nrwl
  • Press kit

Help

  • Documentation
  • Community
  • StackOverflow
  • Report Issues

Community

  • Twitter
  • Github
  • Newsletter
  • Slack
  • Help Us

Solutions

  • Nx
  • NxCloud
  • Nrwl

© 2022 made with by