All Posts

In 1 hour and 42 minutes you can learn how to implement the same web component-based micro frontend architecture that we've been using to ship micro frontends in production for nearly two years at LeanIX:

This is the largest video project on a technical topic that I've produced so far and it was a lot of fun.

Together with Fabian Böller, the main author of the implementation for micro frontends using web components with Angular elements at LeanIX, we share:

By adopting micro frontends at LeanIX, we enabled a very high level of autonomy to our cross-functional teams, as they can ship their frontend and backend independently from those of other teams. No more blocked release pipelines due to failing tests in the frontend monolith.
This is also known as vertical team ownership. You can read more about it on

During the recording we made commits for each major step of the micro frontend migration. You can find the source code and the exact commits from the Video on GitHub: microfrontends-with-angular project on GitHub

Thanks to Manfred Steyer for building and mainting the ngx-build-plus npm package.
It makes it easy to combine the build output of an Angular application into a single JavaScript file, which is essential for including them as web-components.

Published 22 Jun 2022