Server-Side Composition

In the previous chapter, you saw that micro frontends can be composed with very simple methods. The web already gives us everything we need. The problem, however, with such simple solutions is that they don’t scale well – neither in development nor at runtime. And scaling is one of the most important points about micro frontends.

Now, the question is: what can we do about this? How can we keep everything as isolated, separated, and independent as possible, without having any constraints on scalability? One possible answer can be found in the server-side composition pattern. It uses techniques available for web servers to join the micro frontends before they reach the client.

The trade-off of this pattern is that additional complexity needs to be introduced in the backend. As a result, we can dynamically stitch a view together from various sources using server-side composition. It allows horizontal micro frontends without requiring any shared...