GitHub - GregOnNet/ng-microfrontend: A playground to learn how to setup a microfrontend-environment using native federation with different versions of Angular.

NG Micro Frontend

A playground to learn how to set up an environment wit multiple Angular Applications having different versions being loaded as micro frontend in a host-Application.

Prerequisites

Get started

Install workspace dependencies

Start Frond-Ends

Scope Command Status
Start pnpm -r start

Showcase

  • Angular 17 Host integrates Angular 17 Remote
  • Angular 17 Host integrates Angular 16 Remote
  • Remote provides its own CSS-styles.
  • Deep-Linking from Host to Remote works
  • Angular 17 Host shares Service with Angular 17 Remote
  • Angular 17 Host shares Service with Angular 16 Remote