Vercel, AI 에이전트 쇼핑 지원 Shopify 템플릿 'Vercel Shop' 정식 출시

Vercel이 Shopify용 오픈소스 Next.js 스토어프론트 템플릿 'Vercel Shop'을 정식 출시했다. 이 템플릿은 AI 에이전트를 1급 쇼핑 고객으로 취급하며, 사람이 보는 웹 페이지를 해석하는 대신 기계가 읽을 수 있는 제품 정보와 표준화된 도구를 제공한다.

에이전트 우선 아키텍처

이 템플릿은 이제 정식 출시되어 JavaScript 프레임워크 전반에서 작동하는 Shopify의 재설계된 Hydrogen SDK를 기반으로 한다. Vercel Shop은 가격, 재고, 옵션 등 제품 세부 정보를 기계가 읽을 수 있는 콘텐츠로 노출한다. 이를 통해 동일한 URL이 인간에게는 시각적 페이지를, 에이전트에게는 구조화된 데이터를 제공한다.

Shopify와 공동 개발한 **Universal Commerce Protocol (UCP)**을 통합해 에이전트가 카탈로그 검색, 재고 확인, 장바구니 구성, 결제 링크 조회를 표준화된 방식으로 수행할 수 있게 한다. 이러한 기능은 판매자 도메인에서 발견 가능하므로, 에이전트는 사이트 레이아웃을 탐색하지 않고도 MCP를 사용해 쇼핑할 수 있다.

통합 쇼핑 경험

스토어프론트에는 메인 스토어와 동일한 코드베이스를 사용하는 eve 기반 쇼핑 어시스턴트가 포함된다. 이를 통해 팀은 디자인과 어시스턴트 동작을 모두 맞춤 설정할 수 있다. 템플릿에 포함된 스킬은 코딩 에이전트가 설정 및 업데이트를 진행하도록 안내한다. 쇼핑객은 기존 페이지를 탐색하거나 어시스턴트와 상호작용할 수 있으며, 두 경험 모두 동일한 장바구니 상태를 공유한다.

성능 및 가용성

Vercel은 이 템플릿을 사용해 자체 굿즈 스토어 vercel.store를 출시했다. AG1, Bombas, PAIGE 등 기존 브랜드들은 이미 Shopify, Next.js, Vercel을 사용 중이다. PAIGE는 이 스택으로 재설계한 후 블랙프라이데이와 사이버먼데이 기간에 매출이 22% 증가하고 전환율이 76% 상승했다고 보고했다.