Skip to main content

Flutter-web → Next.js 점진적 마이그레이션

성과 한 줄 요약: PostMessage 기반 iframe 아키텍처 설계, SEO 노출 2.8배↑, 클릭 7.5배↑

상황 (Situation)

기존 서비스가 Flutter-web으로 구축되어 있어 SEO 최적화가 불가능했고, 웹 검색을 통한 유입이 매우 낮은 상태였습니다.

과제 (Task)

서비스 운영을 중단하지 않으면서 Flutter-web에서 Next.js로 점진적으로 마이그레이션하는 것이 목표였습니다.

행동 (Action)

구체적인 기술적 행동을 추후 작성합니다.

  • PostMessage 기반 iframe 아키텍처 설계
  • 도메인/쿠키 인증 이슈 해결
  • URL 동기화 구현
  • 새로고침 시 통신 끊김 문제 해결

결과 (Result)

  • SEO 노출: 2.8배 증가
  • 클릭: 7.5배 증가
  • 서비스 중단 없이 점진적 마이그레이션 성공

사용 기술

Next.js, Flutter-web, Dart, PostMessage, iframe


이 문서는 회고에서 추출한 성과를 기반으로 작성되었습니다. Action 부분은 회고를 다시 읽으며 보강할 예정입니다.