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

• Node 20
• pnpm

Get started

Install workspace dependencies

pnpm install

Start Frond-Ends

Scope	Command
Host & Angular 17	pnpm --filter !libs --filter !remote-ng-16 -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