Skip to main content

Microfrontend Loading

How the Shell dynamically loads and mounts application microfrontends.

Loading Process​

TODO: Add microfrontend loading flow diagram

Steps​

1. Load App Manifest​

Shell fetches app manifest from AppServer to get:

  • Remote entry URL
  • Exposed modules
  • Required permissions

2. Load Remote Entry​

Shell loads the remote entry script with:

  • SRI verification
  • CORS headers
  • Timeout handling

3. Initialize Frontend SDK​

Shell provides to microfrontend:

  • Session context (user, roles, permissions, token)
  • App settings
  • Fetch utilities

4. Mount Component​

Microfrontend component is mounted into Shell's router

5. Runtime​

Microfrontend uses SDK for:

  • Permission checks
  • API calls
  • Settings access

Module Federation​

TODO: Document Module Federation configuration in Shell

Dynamic Imports​

TODO: Document dynamic import strategy

Error Handling​

TODO: Document error scenarios:

  • Remote entry load failure
  • SRI verification failure
  • Component mount errors
  • Runtime errors

Performance​

TODO: Document performance optimizations:

  • Code splitting
  • Lazy loading
  • Caching strategy
  • Prefetching