Vercel의 웹사이트가 점점 복잡해 지면서 개발 생산성이 떨어져서 이를 해결하기 위해 마이크로 프론트엔드를 도입하기로 결정했다고 합니다.

마이크로 프론트엔드는 경로별로 다른 앱을 사용하는 수직 마이크로 프론트엔드와 한 화면에 영역마다 다른 앱을 사용해서 여러 앱을 동시에 사용하는 수평 마이크로 프론트엔드로 크게 나눌 수 있습니다.

웹사이트가 Next.js로 만들어져 있었기 때문에 Multi-Zones 기능을 사용할 수 있고 복잡도를 생각하면 수직 마이크로 프론트엔드가 적합하다고 생각해서 이를 적용했습니다. 점진적으로 마이그레이션을 하기 위해 기존 코드는 그대로 둔 채로 완전히 새로 작성하기로 하고 새로운 앱으로 전환할 수 있는 피처 플래그를 이용해서 새 마이크로 프론트엔드로 구축된 앱으로의 전환을 마쳤다고 합니다.

https://vercel.com/blog/how-vercel-adopted-microfrontends