A Scalable Micro-Frontend Architecture for Enterprise-Grade Web Platforms
DOI:
https://doi.org/10.15662/IJARCST.2018.0101003Keywords:
Micro-Frontend Architecture, Enterprise Web Scalability, Runtime Composition, Shell Application, Style Isolation, CI/CD Autonomy, Frontend DecouplingAbstract
Enterprise-grade web platforms, burdened by years of development on monolithic frontend applications, face critical scalability bottlenecks that obstruct parallel feature development and technology evolution. The tightly coupled nature of these codebases leads to low development velocity, complex deployment cycles, and painful technology stagnation. This paper proposes the Scalable Micro-Frontend Architecture (SMFA), a framework that applies the principles of service decomposition (Microservices) to the client-side. SMFA decomposes the monolithic frontend into independent, deployable units governed by strict interface contracts and composed via a centralized orchestration layer. The model relies on runtime integration strategies and strict isolation techniques to prevent global namespace and styling conflicts. The empirical evaluation, grounded in the context of an enterprise platform transition, focuses on organizational and technical scaling. We demonstrate that SMFA drastically improves development agility by enabling decoupled deployment and significantly reducing the complexity of major technology upgrades. SMFA provides a robust, verifiable blueprint for organizations seeking to align frontend development with modern continuous delivery practices and achieve sustained architectural flexibility in complex web environments.
References
1. Fowler, M. (2016). Micro-Frontends. Retrieved from https://martinfowler.com/articles/micro-frontends.html
2. Humble, J., & Farley, D. (2010). Continuous Delivery: Reliable Software Releases through Build, Test, and Deployment Automation. Addison-Wesley Professional.
3. Meyer, B. (1997). Object-Oriented Software Construction (2nd ed.). Prentice Hall. (Foundational for DI and module design).
4. Vangavolu, S. V. (2016). The Rise of Progressive Web Apps (PWAs) and Frontend Innovations. IRACST – International Journal of Computer Networks and Wireless Communications (IJCNWC), 6(1), 4-14. https://www.ijcnwc.com/admin/uploads/The%20Rise%20of%20Progressive%20Web%20Apps%20(PWAs)%20and%20Frontend%20Innovations.pdf
5. Newman, S. (2015). Building Microservices: Designing Fine-Grained Systems. O'Reilly Media. (Foundational for decomposition principles applied to the frontend).
6. Richards, M. (2016). Software Architecture Patterns. O'Reilly Media. (Discusses the role of the centralized component/orchestrator in SOA).
7. Vogels, W. (2008). A decade of Dynamo: Lessons from high-scale distributed systems. ACM Queue, 6(6). (General principles of scaling and resilience in large-scale systems).
8. Zalewski, M. (2011). The Browser Hacker’s Handbook. Wiley. (Technical context on browser security, isolation, and the risks of the global namespace).
9. Kolla, S. (2018). LEGACY LIBERATION: TRANSITIONING TO CLOUD DATABASES FOR ENHANCED AGILITY AND INNOVATION. International Journal of Computer Engineering and Technology (IJCET), 9(2), 237-248. https://doi.org/10.34218/IJCET_09_02_023


