https://github.com/gregonnet/ng-microfrontend
A playground to learn how to setup a microfrontend-environment using native federation with different versions of Angular.
https://github.com/gregonnet/ng-microfrontend
angular architecture microfrontend
Last synced: 9 months ago
JSON representation
A playground to learn how to setup a microfrontend-environment using native federation with different versions of Angular.
- Host: GitHub
- URL: https://github.com/gregonnet/ng-microfrontend
- Owner: GregOnNet
- Created: 2023-11-24T14:41:43.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-07T09:41:21.000Z (almost 2 years ago)
- Last Synced: 2024-06-07T22:20:49.337Z (almost 2 years ago)
- Topics: angular, architecture, microfrontend
- Language: TypeScript
- Homepage:
- Size: 1.3 MB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://nodejs.org/dist/v20.10.0/)
- [pnpm](pnpm.io)
## Get started
### Install workspace dependencies
```bash
pnpm install
```
### Start Frond-Ends
| Scope | Command | Status |
| ----- | --------------- | ------ |
| Start | `pnpm -r start` | ❌ |
## Showcase
- [x] Angular 17 Host integrates Angular 17 Remote
- [x] Angular 17 Host integrates Angular 16 Remote
- [x] Remote provides its own CSS-styles.
- [x] 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