Next.js는 기존 코드와 함께 점진적으로 도입 가능하며, React를 필요한 만큼 추가할 수 있음
Subpath 및 Rewrites 전략을 통해 기존 웹사이트에 Next.js를 통합하는 방법 제시
Micro-frontend 아키텍처를 활용하여 개발 생산성 향상 및 유지보수성 개선 도모
Subpath 전략은 기존 웹사이트의 특정 경로에 Next.js 앱을 연결하는 방식이다. 구체적으로 `basePath` 설정을 통해 Next.js 앱의 자산 경로를 변경한다. 따라서 기존 시스템에 영향 없이 새로운 기능을 점진적으로 추가할 수 있으며, 배포 유연성을 확보한다.
Rewrites는 Next.js 앱에서 특정 경로를 기존 앱으로 프록시하는 기술이다. next.config.js 파일에서 설정하며, 이를 통해 Next.js와 기존 시스템 간의 트래픽 분산이 가능하다. 반면, 설정 복잡도가 증가할 수 있으므로, 라우팅 규칙을 신중하게 설계해야 한다.
Next.js와 Vercel을 활용하면 Micro-frontend 아키텍처를 쉽게 구현할 수 있다. Monorepo를 통해 코드 관리 효율성을 높이고, Subdomain을 사용하여 각 팀이 독립적으로 개발 및 배포할 수 있다. 결과적으로 개발 속도 향상과 코드 재사용성을 동시에 달성할 수 있다.
