애가마켓

애기야가자 • 2022.07 - 2024.10

애가마켓은 네이버 스마트 스토어로 운영하던 자사몰의 이탈률을 낮추고 앱 활성화를 유도하기 위해 만든 웹·앱(WebView) 판매 채널입니다. Next.js 14(App Router) 기반 SSR과 Server/Client 컴포넌트 분리, 도메인 단위 폴더 구조로 확장성과 재사용성을 확보했고, 외부 라이브러리는 어댑터 레이어로 감싸 의존성을 최소화했습니다. 페이지별 동적 metadata·Open Graph 구성으로 Lighthouse SEO 100을 달성했습니다.

주요 지표

도전 과제

• SEO 최적화와 성능 양립
• 앱에서 WebView를 경유한 결제 플로우
• Next.js App Router 기반 페이지 구현

해결 방안

• SSR과 동적 metadata·Open Graph 구성
• WebView ↔ React Native message 이벤트로 결제 네비게이션 구현
• Server/Client 컴포넌트 분리, 외부 라이브러리 어댑터 레이어

결과

• Lighthouse SEO 100, Best Practices 96, Performance(데스크탑) 90

기술 스택

링크