Ship 26 NYC - 노변 대담: 에이전틱 스토어프론트 구축하기

하이라이트

• Shopify와 Vercel이 협력하여 하이드로젠(Hydrogen)을 Next.js와 원활하게 통합하도록 전면 개편했다.

• 하이드로젠은 이제 복잡한 백엔드 호출, 낙관적 장바구니, 분석 및 GDPR 처리 등 까다로운 핵심 구성 요소들만을 압축하여 제공한다.

• Shopify 카탈로그 API는 전 세계 수십억 개의 상품 데이터와 파생 옵션을 표준화하여 인터넷상의 모든 개발자에게 개방한다.

• Vercel 마켓플레이스용 Shopify 통합 기능 출시로 개발자는 프롬프트 입력만으로 Next.js 기반의 헤드리스 스토어를 즉시 구축할 수 있다.

• 쇼파이 디자이너들이 생성형 AI 도구와 카탈로그 API를 활용해 운세 기반 상품 추천 앱 등 비전통적인 이커머스 경험을 시연했다.

타임라인

1. 00:00:50 - 04:08:00

   Shopify와 Vercel의 역사적 파트너십과 하이드로젠 개편

   Topps 콜렉티블스는 새로운 수집품 출시 시 트래픽이 40배 폭증해도 양 플랫폼에서 문제없이 처리된다. 커머스 개발은 상품 품절 시 색상 선택기 조정 등 미세한 최적화가 필요하다. 하이드로젠은 이제 독립된 프레임워크가 아니라 Next.js와 함께 작동하며, 개발자가 복잡한 백엔드 통신과 낙관적 UI를 쉽게 구현할 수 있도록 돕는다.

   • Ruggable과 Topps 등 수많은 고객사가 Vercel 위에서 헤드리스 Shopify를 수년 동안 안정적으로 운영해왔다.
   • 기존 하이드로젠은 풀스택 접근 방식으로 시작했으나, 이커머스 성능과 첫 바이트 수신 시간(TTFB)의 중요성을 고려해 핵심 구성 요소로 압축되었다.
   • 개편된 하이드로젠은 Next.js와 긴밀하게 결합되어 낙관적 장바구니와 분석 및 GDPR 처리를 매끄럽게 지원한다.
2. 04:08:00 - 12:22:00

   카탈로그 API와 에이전트 기반 이커머스의 확장

   기술 장벽의 축소는 더 많은 빌더와 상인들을 온라인 세상으로 유입시킨다. 소매와 커머스는 신뢰를 바탕으로 이루어지며, 개발자와 크리에이터들은 이제 도구의 마찰력 없이 자신의 브랜드를 구축할 수 있다. 카탈로그 API는 서로 다른 소매점의 상품 정보를 그룹화하고 포맷하는 수년간의 투자가 집약된 결과물이다.

   • Vercel 마켓플레이스용 Shopify 통합을 통해 프롬프트 입력만으로 헤드리스 스토어를 생성할 수 있다.
   • Shopify는 수십억 개의 상품과 수백만 명의 상인 데이터를 통합한 커머스 최적화 쇼핑 API인 '카탈로그'를 공개했다.
   • 카탈로그 API는 가격, 색상, 사이즈 등 수십억 개의 파생 상품 데이터를 표준화하여 Bearer 토큰 없이도 자유롭게 사용할 수 있다.
3. 12:22:00 - 19:22:00

   새로운 커머스 애플리케이션 데모와 미래 전망

   개발자가 아니더라도 아이디어를 웹앱으로 전환할 수 있는 시기가 도래했다. 리사이드 지역의 러닝 그룹이나 운세 앱 사례처럼, 커머스 기능은 사용자의 일상과 취향에 밀착된 형태로 확장된다. 음성 및 실시간 API를 결합한 쇼핑 경험은 향후 인터넷 상거래의 패러다임을 변화시키는 핵심 동력으로 작용한다.

   • 카탈로그 API와 AI 도구를 결합하여 전통적인 이커머스 형태를 벗어난 맞춤형 틈새 애플리케이션 제작이 가능해졌다.
   • 쇼파이 디자이너들은 AI SDK, 하이드로젠, Vercel을 활용해 운세 기반 상품 추천 앱과 음성 기반 쇼핑 데모를 구현했다.
   • 커머스는 독립된 목적지에 머무르지 않고, 사용자가 웹에서 수행하는 모든 활동의 구조 속에 자연스럽게 녹아들고 있다.