Basics of the web approach

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...