Micro-Frontends Splits - Vertical Split
When we’re decoupling a monolithic frontend or designing a composable system from the get go, and we split it into multiple fully-fledged applications each loading at a different URL, we’re implementing a vertical split.
Classification for vertical splits modules or apps
Each one of those applications can be a
- Single Page App with or without routing
- Multi Page App
In both cases, these applications can be small or large, and a composition of multiple components.
Influencing factors in the split and technical stack decisions
The framework used will determine additional patterns and technical decisions: for example, the application html pages can be statically generated at build time, server-side rendered, or they can be client-side rendered.
Additionally, vertical splits can integrate patterns from a typical horizontal split: we may have an MPA that integrates an independent component or several, at one path or route, or several.