The Micro frontend approach has become an increasingly preferred architecture in modern web applications. We had previously implemented the micro frontend architecture in our projects, and now we…

Trendyol Tech Blog offers a glimpse into the technology and engineering practices powering one of Turkey's leading e-commerce platforms. With a focus on scalability, performance, and innovation, Trendyol Tech shares insights into microservices architecture, data engineering, and machine learning. Developers can learn about building high-traffic e-commerce systems, optimizing delivery pipelines, and leveraging  technologies to drive business growth.

Trendyol Tech

The post details the transition of Trendyol's Ad Management application from a monolithic to a micro frontend architecture using Svelte and Vite. It explains the reasons behind the change, the challenges faced, and how these were overcome. The team focused on improving scalability, velocity, flexibility, and CI/CD processes. They implemented Module Federation with Vite and ensured shared components were manageable through npm packages. The post also addresses caching issues and communication between microapps using Svelte stores.

From Monolith to Micro Frontends: The Power of Vite and Svelte

Preparation for Migration: Duplication of code across applications

Bypassing Cache with Promise-Based Remotes

Micro Frontend Communication via Svelte Store