https://github.com/manfredsteyer/Angular_MicroApps_Different_Technologies

https://github.com/manfredsteyer/Angular_MicroApps_Different_Technologies

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/manfredsteyer/Angular_MicroApps_Different_Technologies
• Owner: manfredsteyer
• Created: 2018-07-26T15:46:44.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-31T09:50:22.000Z (over 1 year ago)
• Last Synced: 2024-01-26T17:38:57.467Z (5 months ago)
• Language: CSS
• Size: 6 MB
• Stars: 56
• Watchers: 8
• Forks: 29
• Open Issues: 30
• Metadata Files:
  • Readme: readme.md

Lists

• awesome-micro-frontends - Angular_MicroApps_Different_Technologies
• awesome-micro-frontends - Angular_MicroApps_Different_Technologies

README

        
# Micro Apps with Web Components and Angular Elements

This example consists of three Angular projects that demonstrate how to use Web Components/ Angular Elements to implement a shell that loads micro apps:

- **shell (/src):** Shell loading micro apps

- **client-a (/projects/client-a)**: Demo micro app

- **client-b (/projects/client-b)**: Another demo micro app

## Install Dependencies

```

npm install

```

## Standalone

For debugging and testing, you can start each of those projects individually. Please note that the shell will throw some exceptions when doing so because it does not find the micro apps that are expected in an sub folder for the sake of simplicity.

Use one of the following commands for this:

```

ng serve --project shell --open

ng serve --project client-a --open

ng serve --project client-b --open

```

## Everything together

For using everything together, you have to build the example and run it:

```

npm run build

npm start

```