
The Art of Micro Frontends
By :

The web approach of implementing micro frontends works by referring to individual micro frontends via their URL. The basic principle is shown in the following diagram:
Figure 6.1 – Idea behind the web approach – different servers providing different parts of the application
In this pattern, teams are going for whole pages and are only governed by a centrally given design and business domain.
In practical applications, following the basic principle, this could mean that the origins change during the navigation. For instance, we could start at www.example.com
, but then navigate to mf1.example.com
.
More often, however, it means that the real web servers are hidden behind a kind of gateway as implemented in our previous sample. In this case, the origin would remain the same, but the paths may change, for example, navigating from /
to /mf1
.
Let's look right into the architecture of the web approach before doing...