Playbook
Deploying Remotes to Independent Static Hosts (Deploying Remotes To Independent Static Hosts)
Deploying Remotes to Independent Static Hosts — a production lesson from logistics operations platforms.
Logistics Micro Frontend Platform (Module Federation)
Part 8 of 10
A series on splitting logistics ops panels into shell, auth, and feature remotes with Module Federation.
Deploying Remotes to Independent Static Hosts
Each remote ships to its own static host; the shell points at versioned remoteEntry URLs.
each remote → own static origin + remoteEntry
Bağımsız origin, bağımsız rollback.
Concepts, defined where they first appear
📦 Shell (Host)
The app that loads remotes and owns shared layout and top-level routing.
📦 Remote
An independent build that exposes modules through remoteEntry.js.
📦 Expose Path
The public module path consumers import (e.g. auth/Login).
📦 Shared Singleton
Federation setting that forces one copy of React-like deps at runtime.
Teams that blur these concepts confuse UI state with integration truth.
Shape of the problem
Each remote ships to its own static host; the shell points at versioned remoteEntry URLs.
each remote → own static origin + remoteEntry
The split that works
Bağımsız origin, bağımsız rollback.
each remote → own static origin + remoteEntry
↓
explicit contract
Where production breaks
Incidents grow when radius, identity, or deploy assumptions stay implicit. Make the contract visible and reversible.
The mappings that get confused most often
❌ One app is always safer
✓ Without clear boundaries, one app is more fragile
❌ Keep config hardcoded
✓ Radius, remote URLs, and expose paths are operational contracts
❌ Vendor/API truth is UI state
✓ Vendor feed is evidence; ops state is a decision
A checklist for auditing your own system
- Write the ownership boundary for this surface in one sentence.
- If this contract changes, who deploys?
- On timeout or vendor delay, what does the UI show?
- Do you test embedded and standalone paths separately?
- Deny-list check: any vendor/domain leakage in copy?
What to take away from this part
- Contracts must be visible: expose paths, radius, ticket state, or remote URLs.
- The gap between UI and external systems is a design choice, not a bug.
- Independent deploy means independent rollback.
The boundary you hide will find you in production.
FAQ
Frequently asked questions
What is Shell (Host)?
The app that loads remotes and owns shared layout and top-level routing.
What is Remote?
An independent build that exposes modules through remoteEntry.js.
Is it true that "One app is always safer"?
Without clear boundaries, one app is more fragile
What does this part lock in?
Bağımsız origin, bağımsız rollback. Each remote ships to its own static host; the shell points at versioned remoteEntry URLs.
Engineering Principles Learned
- Ownership and release boundaries are as real as the domain model.
- External systems produce evidence; operational state is decided by you.
- Version the contract; keep internals free to move.
Continue reading
Continue reading
Next in series
Version Skew and Contract Discipline
Version Skew and Contract Discipline — a production lesson from logistics operations platforms.
Next in series
Routing Composition in a Host Shell
Routing Composition in a Host Shell — a production lesson from logistics operations platforms.
Same series
Shared UI (User Interface) Remote for Cross-App Feedback
Shared UI Remote for Cross-App Feedback — a production lesson from logistics operations platforms.