Vercel과 Shopify가 에이전트를 위한 최우선 쇼핑 경험을 구현하다
요약
Vercel과 Shopify가 에이전트 최적화 쇼핑 경험을 제공하는 오픈 소스 스토어프런트 템플릿인 Vercel Shop을 공개했습니다. 이 템플릿은 Next.js와 Remix를 기반으로 하며, 제품 정보를 머신 리더블 콘텐츠로 제공하여 사람과 AI 에이전트 모두에게 최적화된 쇼핑 환경을 구축할 수 있게 합니다.
핵심 포인트
- Vercel Shop: 에이전트를 위한 최우선 쇼퍼 경험 구현
- Next.js/Remix 기반으로 스토어프런트 및 어시스턴트 통합 가능
- 머신 리더블 콘텐츠로 제품 정보 제공, AI 이해도 향상
- UCP(Universal Commerce Protocol)를 통해 에이전트의 검색 및 장바구니 기능 표준화
에이전트들은 이미 웹에서 쇼핑하지만, 종종 사람들과 검색 엔진을 위해 원래 구축된 페이지와 도구를 사용합니다. 에이전트들에게 더 나은 쇼핑 경험을 제공한다는 것은 그들을 최우선의 쇼퍼(shoppers)로 대우하고, 그들이 직접 읽을 수 있는 제품 정보와 쇼핑을 위해 설계된 도구들을 제공하는 것을 의미합니다.
오늘날, 저희의 오픈 소스 스토어프런트 템플릿인 Vercel Shop이 일반적으로 사용 가능해졌습니다. 팀들은 사람, 검색 엔진, 그리고 에이전트가 상호작용하는 방식에 최적화된 스토어프런트를 출시할 수 있습니다.Vercel ShopNext.jsShopify
Vercel Shop은 Remix을 기반으로 구축되었습니다. 이 SDK를 통해 팀들은 스토어의 제품 카탈로그, 장바구니 및 주문 관리, 결제, 그리고 체크아웃에 접근하여 맞춤형 스토어프런트를 구축할 수 있습니다. 올해 초에는 JavaScript 프레임워크 전반에서 작동하기 위해 Shopify’s Hydrogen SDK가 재구축되었고, 오늘날 재구축된 SDK가 일반적으로 사용 가능해졌습니다.Vercel과 Shopify는 Hydrogen을 재구축할 계획을 발표했습니다
Vercel Shop은 가격, 가용성, 옵션을 포함하여 제품 페이지를 머신 리더블 콘텐츠(machine-readable content)로 제공합니다. 동일한 제품 URL이 사람들에게는 시각적인 페이지를, 에이전트에게는 페이지 레이아웃을 해석할 필요 없이 읽을 수 있는 제품 정보를 제공할 수 있습니다. 이 템플릿에는 또한 검색 및 답변 엔진이 제품을 발견하고 이해하는 데 도움을 주는 구조화된 데이터가 페이지와 사이트맵에 내장되어 있습니다.머신 리더블 콘텐츠(machine-readable content)
Shopify는 에이전트들이 스토어 카탈로그를 검색하고, 제품 세부 정보를 읽고, 가용성을 확인하며, 장바구니를 만들고, 체크아웃 링크를 얻을 수 있는 표준 방식인 Universal Commerce Protocol (UCP)을 공동 개발했습니다. Vercel Shop은 이러한 기능을 판매자의 자체 도메인에서 발견 가능하게 만들어, 에이전트들이 사이트를 탐색할 필요 없이 MCP를 사용하여 제품을 검색하고 장바구니를 만들 수 있게 합니다.Universal Commerce Protocol
Vercel Shop은 스토어의 제품 카탈로그, 장바구니, 결제 과정을 Next.js로 구축된 쇼핑몰(storefront), 에이전트를 위한 제품 정보 및 쇼핑 도구, 그리고 .을 기반으로 하는 쇼핑 어시스턴트가 통합되도록 합니다. 쇼핑몰과 어시스턴트는 동일한 코드베이스에 존재하므로, 팀은 스토어의 디자인과 어시스턴트가 쇼퍼를 돕는 방식을 맞춤 설정할 수 있습니다.eve
이 가이드는 에이전트에게 설정, 맞춤 설정 및 템플릿 업데이트 과정을 안내합니다. 팀은 쇼퍼가 제품 페이지를 둘러보거나 어시스턴트에게 제품을 찾아 장바구니에 추가하도록 요청하는 경험을 만들 수 있습니다. 두 기능 모두 동일한 장바구니를 공유하므로, 쇼퍼는 경험 사이를 이동해도 추가했던 내용을 유지할 수 있습니다.템플릿에 포함된 스킬
오늘 저희는 한정판 드롭(drops)을 위해 .에서 머천다이즈 스토어를 출시했습니다. 이 스토어는 Vercel Shop을 기반으로 구축되었습니다. 이 스토어의 쇼핑 에이전트는 쇼퍼가 제품을 찾고, 장바구니에 추가하며, 결제를 계속할 수 있도록 돕습니다.vercel.store
Shopify, Next.js, 그리고 Vercel은 이미 AG1, Bombas, PAIGE를 포함한 브랜드의 쇼핑몰을 지원하고 있습니다. PAIGE는 자사 이커머스 플랫폼을 재구축하면서 블랙 프라이데이와 사이버 먼데이에 다운타임 없이 매출 22% 증가 및 전환율 76% 증가를 달성했습니다.
쇼핑몰 만들기:
.으로 시작하세요. Shopify 스토어를 연결하고 쇼핑몰을 구성하는 방법은 여기문서를 확인하세요.Vercel Shop
에이전트에게 필요한 정보와 도구 제공
모든 고객을 위한 경험 맞춤 설정
Shopify 및 Vercel로 구축된 쇼핑몰
Vercel Shop으로 시작하기
AI 자동 생성 콘텐츠
본 콘텐츠는 Vercel AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기