Skip to content
NxDocs
State of JS survey is online!Give Nx a thumbs up→
HomeNxNx CloudPackagesPluginsRecipes
Community channelLatest newsYoutube channelNx is open source, check the code on Github
  • 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
    • Prepare applications for deployment via CI
    • Setting up Azure Pipelines
    • Setting up CircleCI
    • Setting up GitHub Actions
    • Setting up Jenkins
    • Setting up GitLab
    • Setting up Bitbucket
    Adopting Nx
    • NPM/Yarn/PNPM workspaces
    • Add to any Project
    • From CRA
    • From Angular CLI
    • Nx and Lerna
    • 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
    • Setup Module Federation with SSR for Angular and React
    • 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
    • Run Root-Level NPM Scripts with Nx
    • 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
    • Troubleshoot Cache Misses
    • Ban Dependencies with Certain Tags
    • Tag in Multiple Dimensions
    • Ban External Imports
    • Tags Allow List
    • Export Project Graph
    • Resolve Circular Dependencies
    • Include All package.json Files as Projects
  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
Setup Module Federation with SSR for Angular and React
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

TwitterGitHubSlackYoutubeNewsletter

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