Next.js 15 & Flutter 기반 크로스플랫폼 SaaS

문제

웹과 모바일의 비즈니스 로직과 API 인터페이스가 분리되어 있어 기능 추가 시 이중 작업이 발생하고, 웹 초기 로드 지연으로 퍼널 이탈이 높았습니다.

접근

• TypeScript 공통 스키마 기반의 API 게이트웨이 및 클라이언트 타입 자동 생성 체계 구축
• 웹은 Next.js 15 Server Components와 정적 렌더링(SSG)을 적극 활용해 첫 바이트 시간(TTFB) 최소화
• 모바일은 Flutter 단일 코드베이스로 iOS/Android 60fps 네이티브 인터랙션 구현
• AWS Lambda & CloudFront를 통한 비용 효율적인 글로벌 엣지 배포망 구성

AI를 어떻게 썼는가

• 사용자 온보딩 과정에서 입력된 비정형 프로필 데이터를 분류하고 맞춤 워크스페이스를 자동 생성하는 AI 모듈 적용

결과

4.1s → 1.1s

초기 LCP

+45%

가입 전환율

-40%

개발 리드타임