Overview
Our client is one of the largest clothing retail corporations globally, with five subsidiary companies targeting niche demographics. Their legacy codebase was a monolithic Angular app that had become complex and cumbersome over time. Maintenance became increasingly costly, prompting a search for a more flexible and autonomous architecture that was also language-agnostic.
ThoughtWorks recommended a company-wide transition to a micro-frontend architecture. This would enable teams to work at their own pace using the tools and languages best suited to their needs. While micro-frontends come with trade-offs, such as dependency management, we determined that the benefits outweighed the costs for the client. By using a reverse proxy, we seamlessly integrated the micro-frontends, ensuring a consistent user experience.
I worked on the Sitewide team, responsible for the header and footer micro-frontends across all five subsidiary websites. Because our service was implemented on most web pages, and as the first to render on the home page, it served as the entry point for third-party services and dependencies across the entire site. This was a critical responsibility, as all other micro-frontends relied on the data we provided.