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

Vercel의 웹사이트가 점점 복잡해 지면서 개발 생산성이 떨어져서 이를 해결하기 위해 마이크로 프론트엔드를 도입하기로 결정했다고 합니다. 마이크로 프론트엔드는 경로별로 다른 앱을 사용하는 수직 마이크로 프론트엔드와 한 화면에 영역마다 다른 앱을 사용해서 여러 앱을 동시에 사용하는 수평 마이크로 프론트엔드로 크게 나눌 수 있습니다. 웹사이트가 Next.js로 만들어져 있었기 때문에 Multi-Zones 기능을 사용할 수 있고 복잡도를 생각하면 수직 마이크로 프론트엔드가 적합하다고 생각해서 이를 적용했습니다. 점진적으로 마이그레이션을 하기 위해 기존 코드는 그대로 둔 채로 완전히 새로 작성하기로 하고 새로운 앱으로 전환할 수 있는 피처 플래그를 이용해서 새 마이크로 프론트엔드로 구축된 앱으로의 전환을 마쳤다고 합니다. https://vercel.com/blog/how-vercel-adopted-microfrontends