사례 연구: Boutique Nané
Boutique Nané는 데스크탑에서는 프리미엄 브랜드, 모바일에서는 네이티브 앱처럼 느껴지는 커머스가 필요했습니다. Shopify 테마에 브랜드를 가두지 않는 것이 핵심이었습니다. 카탈로그는 커스텀 기타·페달·스튜디오·앰프·액세서리이며, 한·영 쇼핑과 구매 외 상담 경로가 함께 있습니다.
DAOL Consulting은 Next.js 헤드리스 스토어프론트를 구축했습니다. Storefront API로 상품·컬렉션·필터·카트, Admin API로 카탈로그·문의성 드래프트 주문, 결제는 Shopify 체크아웃으로 넘깁니다. 데스크탑은 히어로·스토리·영역·프로세스형 마케팅 사이트이고, 모바일은 하단 탭(Home·Shop·Saved·Consult·Cart), 검색, 카테고리 칩, 위시리스트, Add/Buy·견적 요청의 마켓플레이스 웹앱 패턴입니다.
커스텀 UI를 유지하면서도 실제 Shopify 재고·결제를 돌릴 수 있음을 보여주는 사례입니다. 언어는 query-param i18n으로 컬렉션 필터·상품 라우트까지 한·영을 유지합니다. 데모: boutique-nane.vercel.app.
문제 → 해결 → 결과
문제: Shopify 테마만으로는 데스크탑 브랜드 내러티브와 모바일 마켓플레이스 앱을 한 스토어프론트에서 동시에 만들기 어려웠습니다.
해결: Next.js 헤드리스로 이중 표면 UX, Storefront·Admin API, 위시리스트·상담, 한·영 i18n을 구현했습니다.
결과: 한 코드베이스가 마케팅형 데스크탑과 앱형 모바일 커머스, 실제 Shopify 카트·결제를 함께 제공합니다.
