Deployment Demo

Three running demonstrations show the same federated app contract across App Runner and Amplify host surfaces.

1. Shell app on App Runner

The primary Korporus shell is containerized on App Runner and composes multiple apps via Module Federation runtime.

Runtime composition host

This deployment is the canonical runtime host. The shell fetches app manifests, validates the schema, resolves remote entry URLs, imports bootstraps through Module Federation, and mounts each app into titlebar/main/settings slots.

Multiple independent apps can be loaded without rebuilding the shell. Each remote owns its own delivery cadence while the host keeps stable UX and orchestration boundaries.

Shell runtime flow
manifest discovery -> schema validation -> remote registration -> bootstrap import -> slot mount host platform: AWS App Runner (containerized shell runtime)

2. React app on Amplify

A separate React host on Amplify embeds one of the same remote apps from the App Runner runtime.

Cross-host embedding (React)

The React demo host proves host-agnostic integration. It consumes the same manifest and remote entry contract as the shell, then mounts the remote app using the same Web Component boundaries.

This demonstrates that Korporus remotes are not tied to one shell implementation. A static Amplify-hosted React app can pull and run the same business app that also runs inside the primary App Runner shell.

React host topology
host platform: AWS Amplify Gen2 (React host) remote source: App Runner shell runtime endpoints contract: shared manifest schema + slot tags

3. Angular app on Amplify

An Angular host demonstrates the same embedding pattern and runtime contract using a different framework.

Cross-host embedding (Angular)

The Angular demo repeats the same integration shape as React: resolve manifest metadata, load the remote entry at runtime, and mount remote custom elements into host-controlled layout regions.

Matching behavior across React and Angular verifies framework independence of the Korporus app contract. Teams can adopt the same remote app in different host stacks without app-level forks.

Angular host topology
host platform: AWS Amplify Gen2 (Angular host) remote source: App Runner runtime assets result: one remote app reused across shell + React + Angular