에이전트와 사람을 함께 위한 쇼핑 스토어프론트
Vercel Shop가 정식 공개되어 사람, 검색 엔진, 에이전트를 모두 고려한 Shopify 스토어프론트를 만들 수 있게 됐습니다.
교안에 영향
예전 안내 글에서 단순히 사람용 페이지와 일반 쇼핑 흐름만 설명했다면, 이제는 상품 페이지의 machine-readable content, UCP, MCP, shared cart 기준이 추가되어 옛 구성 설명이 맞지 않을 수 있습니다.
요약
- Vercel Shop가 일반 공개되어 Shopify용 Next.js 스토어프론트 템플릿을 바로 사용할 수 있게 됐습니다. - 상품 페이지가 machine-readable content로 제공되어 가격, 재고, 옵션을 에이전트가 직접 읽을 수 있습니다. - structured data와 sitemaps, 그리고 Universal Commerce Protocol(UCP)로 제품 탐색, 장바구니 생성, checkout link 확보가 쉬워졌습니다. - 같은 코드베이스에서 스토어프론트와 eve 기반 쇼핑 어시스턴트를 함께 운영하고 같은 cart를 공유할 수 있습니다. - Shopify의 Hydrogen SDK 재구성 버전도 일반 공개되어 커스텀 storefront 개발이 쉬워졌습니다.
바뀐 것
새 기능
- Vercel Shop가 일반 공개되었습니다.
- open source Next.js storefront template for Shopify를 제공합니다.
- 상품 페이지를 machine-readable content로 제공해 가격, availability, options를 직접 읽을 수 있게 했습니다.
- structured data를 페이지와 sitemaps에 포함해 검색 및 답변 엔진이 상품을 더 잘 찾고 이해하도록 했습니다.
- Shopify가 공동 개발한 Universal Commerce Protocol (UCP)을 통해 agents가 카탈로그 검색, 상품 상세 읽기, 재고 확인, cart 생성, checkout link 획득을 할 수 있게 했습니다.
- MCP로 상품을 검색하고 cart를 만들 수 있도록 merchant의 own domain에서 해당 기능을 discoverable하게 했습니다.
- 스토어의 product catalog, cart, checkout을 Next.js storefront와 함께 묶고, eve 기반 shopping assistant를 포함했습니다.
- storefront와 assistant를 같은 codebase에서 함께 커스터마이즈할 수 있게 했습니다.
- 템플릿에 포함된 Skills가 coding agents의 setup, customization, template updates를 안내합니다.
- shoppers가 product pages를 둘러보거나 assistant에게 products 검색과 cart 추가를 요청할 수 있게 했습니다.
- shopper가 이동해도 같은 cart를 공유하도록 했습니다.
- 재구성된 Hydrogen SDK가 일반 공개되었습니다.
기타
- Vercel과 Shopify가 JavaScript frameworks 전반에서 동작하도록 Hydrogen 재구성을 진행했습니다.
- merch store at vercel.store가 Vercel Shop 기반으로 공개되었습니다.
- Shopify, Next.js, Vercel이 AG1, Bombas, PAIGE의 storefront를 지원한다고 소개했습니다.
- PAIGE의 ecommerce platform 재구성 사례에서 매출 22% 증가와 전환율 76% 증가가 있었다고 밝혔습니다.