BUILDING MODULAR WEB PLATFORMS WITH MICRO-FRONTENDS AND DATA LAYER ABSTRACTION: A CASE STUDY IN ENTERPRISE MODERNIZATION

Abstract

In the era of rapid digital transformation, enterprises are increasingly seeking scalable and maintainable web architectures to support evolving business requirements. Traditional monolithic web platforms often hinder agility and innovation due to tightly coupled components and complex deployment pipelines. This research explores the design and implementation of a modular web platform leveraging microfrontends and data layer abstraction, demonstrated through a real-world enterprise modernization case study. By decomposing the frontend into independently deployable units and introducing a unified data access layer, the proposed architecture enables parallel development, enhances scalability, and streamlines integration with legacy and cloud-native systems. The case study also incorporates a custom internal data-sharing framework built on Redux with a publish-subscribe model, as well as performance tooling through SpeedCurve, Dynatrace, and Splunk. A 2-second page load time goal was met by leveraging CDN-based micro-frontend delivery and optimized data-fetching techniques. The architecture further utilizes AWS Lambda and ECS Fargate for scalable backend service deployment. Quantitative metrics—including deployment Building Modular Web Platforms with Micro-Frontends and Data Layer Abstraction: A Case Study in Enterprise Modernization frequency, frontend load performance, and build time—are used to evaluate the impact. The findings underscore the practical benefits and architectural considerations of adopting micro-frontend patterns and data abstraction layers in large-scale enterprise web modernization initiatives