Un pattern architectural où des applications frontend livrables indépendamment composent un ensemble plus grand.
Les Micro-Frontends étendent la philosophie des microservices au frontend. Au lieu d'une application frontend monolithique unique, l'UI est décomposée en applications plus petites, indépendamment développées, testées et déployées. Chaque équipe possède une tranche verticale du produit. A l'exécution, ces micro-apps sont composées en une expérience utilisateur transparente via Module Federation (Webpack 5), iframes ou Web Components.
Le frontend est divisé selon les frontières de domaines métier (ex. checkout, catalogue, compte) possédées par des équipes séparées.
Chaque micro-frontend est construit avec sa propre stack technique, pipeline de build et cycle de déploiement.
Une application shell charge et compose les micro-frontends à l'exécution via Module Federation.
Les équipes s'accordent sur des APIs partagées, des tokens de design et des conventions de routage.
Grandes organisations où différentes équipes possèdent différentes sections d'un portail interne complexe.
Remplacement progressif d'un frontend legacy en construisant de nouvelles fonctionnalités comme micro-frontends.
Produits où des équipes autonomes doivent livrer indépendamment sans se bloquer mutuellement.
Connaître la définition, c'est l'étape un. L'intégrer dans votre produit, c'est l'étape deux. C'est là que nous intervenons.