Micro Frontends, Zones, and Islands Architectures

The micro frontend architecture, and specifically the “zones” and “islands” patterns, mirror the microservices architecture for backend systems. Given the right tooling, they allow multiple teams to maintain high-velocity development on a single product. The techniques covered in this chapter look at system-level interaction and integration patterns. Each system can leverage creational, structural, behavioral, and reactive view library patterns, as covered in Chapters 1, 2, 3, and 4 respectively. Micro frontend architectures help link systems together as opposed to structuring the code within each of them better.

We’ll cover the following topics in this chapter:

• The problem space that micro frontends address, including some common approaches and their drawbacks
• Leveraging Next.js features to build a “zones” micro frontend setup
• Using the is-land package to deliver an...