Summary
In this chapter, we’ve covered micro frontends, common approaches, and how the zones and islands architectures with Next.js and is-land allow us to build high-development velocity systems without compromising the user experience.
Micro frontends allow teams to have strong governance over different parts of a frontend ecosystem without compromising the user experience. Micro frontends allow more teams and their skills to be brought to bear effectively, which increases delivery velocity across the board. Common approaches include a container application with “server-side includes,” build-time integration via shared packages, and runtime integrations (e.g., iframes, JavaScript, and Web Components).
The recommended Next.js “zones” approach allows different micro frontends to be mounted on different “base paths.” The zones approach is a more flexible type of server-side includes; apps are “included” via a reverse...
