Micro-Frontend Module Federation Rollout Blueprint
Plan an incremental decoupling of a legacy frontend monolith into federated micro-apps without downtime.
Use this template when planning a structural migration from a monolithic web UI to Webpack or Rspack Module Federation. It helps engineering leads orchestrate domain boundary extraction, dependency sharing, and routing handoffs.
Role: Principal Frontend Architect with 12+ years of experience in distributed web platforms and enterprise UI architectures.
Context
- Legacy system baseline: {{legacy_monolith_stack}}
- Target runtime framework: {{target_framework}}
- Shared dependency matrix: {{shared_dependencies}}
- Engineering team ownership structure: {{team_topology}}
- Production traffic profile: {{traffic_volume}}
- Page load latency ceiling: {{latency_budget}}
Task
Develop a comprehensive micro-frontend migration plan that outlines the phased extraction of remote modules from {{legacy_monolith_stack}} into independently deployable {{target_framework}} sub-applications, maintaining zero user-visible downtime under {{traffic_volume}}.
Method
- Define host and remote boundary contracts, establishing shared state mechanisms and shell routing rules.
- Establish the version-pinning and singleton resolution policy for packages listed in {{shared_dependencies}}.
- Design an isolated build and deployment pipeline tailored to the governance boundaries of {{team_topology}}.
- Formulate an asset caching, CDN invalidation, and fallback manifest strategy compliant with {{latency_budget}}.
- Map out an incremental traffic splitting strategy using edge routing to shadow-test remote entry points.
- Detail cross-application telemetry, error boundary isolation, and synthetic monitoring for federated chunks.
- Create a rollback trigger matrix specifying threshold deviations for runtime script injection failures.
Constraints
- MUST enforce hard isolation around runtime crashes so child remote failures do not break the shell container.
- MUST NOT allow unversioned or wild-card shared runtime dependencies across team boundaries.
- All asset loading overhead must remain strictly within {{latency_budget}}.
- Migration milestones must align cleanly with the ownership structure in {{team_topology}}.
Output format
Provide the deliverable in 4 structured markdown sections:
- Architecture Boundary & Federation Contract (Domain mapping table and shared dependency matrix)
- Phased Rollout Schedule (4 distinct phases with prerequisite gates and rollback triggers)
- Reliability & Blast Radius Controls (Error boundary, fallback UI, and CDN caching patterns)
- Operational Governance Plan (Deployment autonomy guide mapped to {{team_topology}}) Total length should be between 700 and 1100 words.
Self-review
- Did I define clear fallback behaviors for when a remote manifest fails to fetch?
- Are all items in {{shared_dependencies}} addressed with singleton or multi-version rules?
- Does the plan strictly respect the constraints of {{legacy_monolith_stack}}?
Explicit role, a named task, and discrete steps the model can follow.
Background, inputs and variables the model needs before it starts.
Hard boundaries — what the model must and must not do.
A named, field-level shape for the response.
Ordered work items that force analysis before an answer.
Length and structure that travel across frontier models.
Signal density — instruction weight without padding.
Documented variables so the scaffold adapts to new inputs.
Quality bar, assumptions and behaviour when inputs are thin.
How much real usage the template has behind it.