Как собрать 20+ сервисов в один фронт и не словить турбулентность

На AeroPort мы собрали микрофронтенд-архитектуру для крупного международного аэропорта: рейсы, багаж, безопасность, коммерция и ещё 20+ независимых сервисов живут в одной оболочке через Module Federation и Single-SPA.

Что это дало? Каждый сервис деплоится отдельно и не роняет соседей. То есть команда обновляет багаж, а табло рейсов не уходит в режим “ой, прод не трогали”. Для больших экосистем, где релизы летят чаще, чем мемы про AI, это прям must.

Отдельно прокачали shared-зависимости: подключили tree shaking, lazy loading и vendor-чанки, чтобы держать размер бандла под контролем. Иначе фронт разрастается быстрее, чем список задач перед дедлайном.

Итог: единый UX, независимые релизы и архитектура, которая не паникует при масштабировании.