2025년 7월 1일
Next.js + 마이크로 프론트엔드, 실제로는 이렇게 쓴다
nextjsmicro-frontendsarchitecturevercelmodular-monolith
여러 개의 Next.js 앱을 도메인·경로로 나누고, 공용 UI·인증·내비게이션을 묶어서 하나의 제품처럼 보이게 만드는 실전 가이드입니다.
1마케팅/앱/문서를 여러 Next.js 프로젝트로 나누는 기본 패턴을 설명한다
2공용 디자인 시스템을 패키지로 분리해 각 앱에서 재사용하는 방법을 다룬다
3서브도메인 간 쿠키 기반 인증으로 “한 번 로그인” 경험을 유지하는 법을 설명한다
4앱 사이 이동을 단순한 링크로 처리하면서도 자연스럽게 보이게 하는 방법을 정리한다
5기존 단일 Next.js 앱에서 features 구조 → 별도 앱으로 점진적으로 분리하는 마이그레이션 경로를 제시한다