Ein Architekturmuster, bei dem unabhängig lieferbare Frontend-Apps zu einem größeren Ganzen zusammengesetzt werden.
Micro-Frontends erweitern die Microservices-Philosophie auf das Frontend. Anstelle einer monolithischen Frontend-Anwendung wird die UI in kleinere, unabhängig entwickelte, getestete und bereitgestellte Anwendungen zerlegt. Jedes Team besitzt einen vertikalen Produktausschnitt. Zur Laufzeit werden diese Micro-Apps mittels Module Federation (Webpack 5), iframes oder Web Components zu einer nahtlosen Benutzererfahrung zusammengesetzt.
Das Frontend wird entlang von Geschäftsdomänen-Grenzen aufgeteilt, die von separaten Teams betreut werden.
Jedes Micro-Frontend wird mit eigenem Tech-Stack, Build-Pipeline und Deployment-Zyklus gebaut.
Eine Shell-Anwendung lädt und komponiert Micro-Frontends zur Laufzeit mittels Module Federation.
Teams einigen sich auf gemeinsame APIs, Design-Tokens und Routing-Konventionen.
Große Organisationen, in denen verschiedene Teams verschiedene Abschnitte eines komplexen internen Portals besitzen.
Schrittweiser Ersatz eines Legacy-Frontends durch Aufbau neuer Features als Micro-Frontends.
Produkte, bei denen autonome Teams unabhängig voneinander ausliefern müssen.
Die Definition zu kennen ist Schritt eins. Es in Ihr Produkt einzubauen ist Schritt zwei. Dabei kommen wir ins Spiel.