mock.shop 是一套包含100多个示例在线商店的免费资源，供开发者和 AI助手 使用，以便在真实商店存在之前构建店面。
每个商店的API响应方式类似于真实的Shopify店面，因此您的 蜡烛店、宠物用品店或咖啡烘焙业务 都可以使用与Shopify兼容的产品页面、导航、购物车和其他商店功能进行设计。
当您要求ChatGPT和Claude等AI助手构建商店时，它必须猜测产品、变体和 集合 如何组合在一起。如果没有数据源，它可能会发明一个与Shopify不匹配的结构。mock.shop为AI助手提供了一个示例Shopify商店作为构建基础，使它们从一开始就能使用Shopify产品数据。
什么是mock.shop？
mock.shop 是一个通过Storefront API提供的公共示例Shopify商店库，无需账户、API密钥或填写表单。
每个商店都有自己独立的域名，例如 candles.mock.shop 或 pets.mock.shop。商店 API 端点位于
开发人员有时将这类服务称为模拟商店 API 或虚假商店 API：一个你可以构建和测试的占位商店。虽然大多数模拟商店 API 提供其自有格式的通用目录，但 mock.shop 提供的是 Shopify 的格式，因此你在示例商店上构建的前端在切换到真实商店时仍能正常工作。
mock.shop 的原始版本是一个只销售绿色连帽衫的单店。它为开发人员提供了可查询的内容，但并不像他们正在构建的业务。现在 mock.shop 拥有超过 100 家商店，每家商店的目录包含 5 到 1,000 件产品，按系列组织，并带有 变体 ，例如大多数产品的尺寸和颜色。购物车功能正常，因此可以构建和测试 购物车流程 。
浏览 商店列表，或阅读完整的 mock.shop 设置说明。
如何选择示例商店
每个示例商店都是一个完整的业务。从与您想要构建的商店最接近的那个开始。商店类型包括：
- 服装和配饰。 超过 30 家商店，包括婚纱、童装、泳装、运动鞋、复古风、工装、眼镜、珠宝和手表。
- 家居。 家具、床上用品、装饰品、照明、厨房用品、园艺工具和五金配件。
- 美容与健康。 护肤品、彩妆、护发产品、香水、 grooming 产品和保健品。
- 食品与饮料。 咖啡、饮料、 pantry 商品以及一家拥有约 1,000 种产品的杂货店。
- 爱好与文化。 书籍、玩具、收藏品、手工材料、墙艺、音频设备和乐队周边商品。
- 数字产品与服务。 电子书、可打印艺术画、缝纫图案、音乐下载、软件、摄影预约、沙龙和健身工作室。
商店的构建方式各不相同，这会影响您店铺页面的搭建。有些是精选商店，仅包含八款产品；而另一些则拥有多达1,000款产品的目录。有些商店销售单一产品，但提供多种尺寸和颜色选项；而另一些商店则销售多款产品，且没有任何变体。
您将找到 代发货 商店、按需印刷 按需印刷 商店、订阅盒、定制商店和高销量零售商，以便您可以在店铺上线后，用其实际运行的目录类型来测试您的店铺页面。
以下是100多家商店中的20家，展示了可用的各类别和目录规模范围：
| 类别 | 商店 | 域名 | 产品数 | 类型 |
|---|---|---|---|---|
| 服装 | Elysian Thread | apparel.mock.shop | 30 | 标准（尺寸/颜色） |
| 服装 | Everbloom Collective | apparel-large-catalog.mock.shop | 1,000 | 大型（12个系列） |
| 服装 | Velvet Pulse Boutique | apparel-dropship.mock.shop | 8 | 代发货 |
| 服装 | ThreadJoy Collective | apparel-subscription.mock.shop | 8 | 订阅制 |
| 服装 | Noble Stitch Atelier | apparel-made-to-order.mock.shop | 8 | 按需定制 |
| 服装 | Victory Peak Gear | apparel-retail.mock.shop | 59 | 零售 |
| 家居 | Haven & Hearth | furniture.mock.shop | 30 | 标准 |
| 家居 | SteadyBuild Depot | hardware.mock.shop | 60 | 精品店 |
| 家居 | Spruce Haven | home-dropship.mock.shop | 8 | 代发货 |
| 美容 | Lumina Botanica | skincare.mock.shop | 29 | 标准 |
| 美容 | GlowBound Discovery | beauty-subscription.mock.shop | 8 | 订阅 |
| 美容 | VitalityCore Labs | supplements.mock.shop | 30 | 标准 |
| 食品饮料 | Sunbeam Brew Co. | coffee.mock.shop | 8 | 小型 |
| 食品与饮品 | Sunny Harvest Market | grocery-retail.mock.shop | 998 | 大型零售 |
| 兴趣爱好 | Vault & Virtue | collectibles.mock.shop | 60 | 精品店 |
| 兴趣爱好 | Paws and Whimsy | pets.mock.shop | 30 | 标准 |
| 兴趣爱好 | Patchwork Pursuit | hobby-pod.mock.shop | 30 | 按需印刷 |
| 数字服务 | BrightPath Creative | ebooks-digital.mock.shop | 30 | 数字产品 |
| 数字服务 | 黄金时刻人像 | bookings.mock.shop | 8 | 预订 |
| 数字服务 | Lumina Haven Studio | salon.mock.shop | 8 | 服务 |
要选择正确的模拟商店，请阅读商店描述。要在浏览器中查看渲染后的店面，请在商店域名的 .mock.shop 之前添加 .hydrogen。例如：https://pets.hydrogen.mock.shop。
如何使用 mock.shop 进行构建
每个示例商店都在其自己的端点响应 Storefront API 请求，例如 https://candles.mock.shop/api，无需登录。它返回与真实 Shopify 商店对相同请求完全相同的响应，这就是为什么当您将凭据替换为真实商店时，您的代码无需更改的原因。
如果您使用 Claude Code、Cursor 或 ChatGPT 等 AI 编码工具，请让它为您生成一个店面，并指向适合您业务的示例商店。
您向代理提供的指令取决于您是否已选择示例商店：
- 如果代理需要选择一家商店，阅读 mock.shop/llms.txt 将解释 mock.shop 并列出可用的商店。
- 如果您已经选择了商店，阅读其特定的 llms.txt 文件 <store>.mock.shop/llms.txt 将描述其产品目录。（例如，apparel.mock.shop/llms.txt。）
尝试使用以下提示词与您的编码工具配合：
使用代理选择示例商店
Build me a Hydrogen storefront to sell women's fashion. Setup instructions: mock.shop/llms.txt
从选定的示例商店进行构建
Build me a Hydrogen storefront using coffee.mock.shop as the store domain. Setup instructions: coffee.mock.shop/llms.txt
如果您使用 Shopify AI Toolkit，您将在工具中获得类似的结果，同时还能获得 Shopify 的文档和 API 模式。
如果您正在使用 Hydrogen（Shopify 用于自定义店面的 React 框架）进行构建，请将项目的商店域名设置为示例商店的域名，并按对待其他任何店面一样对其进行查询。您的产品页面、商品集合、搜索和购物车都将拥有完整的目录可供使用。
任何能够发送 HTTP 请求的工具都可以直接查询示例商店。例如，此请求返回咖啡商店中的前三件商品：
curl -X POST https://coffee.mock.shop/api -H "Content-Type: application/json" -d '{"query": "{ products(first: 3) { nodes { title handle priceRange { minVariantPrice { amount currencyCode } } } } }"}'
该端点镜像了 Shopify Storefront API，因此针对 mock.shop 商店编写的查询可以在真实的 Shopify 商店中无需更改地运行。
完整的配置步骤可在开发文档中找到。
商店如何上线
将您的设计变为在线商店需要将您的前端指向一个真实的 Shopify 商店。此后，您的前端将在真实商品、库存和结账流程上运行。
要上线，请在您的环境文件中更新两个值以填入您的 Shopify 商店信息：商店域名和公共 Storefront API 令牌。无需更改其他内容。
基于示例商店进行构建：
PUBLIC_STORE_DOMAIN=coffee.mock.shop
在 Shopify 商店上线：
PUBLIC_STORE_DOMAIN=your-store.myshopify.com PUBLIC_STOREFRONT_API_TOKEN=your-public-storefront-token
如果您还没有商店， 开始免费试用 以创建一个商店，添加您的商品，并更新商店域名和令牌。
如果您是为客户进行构建，请通过 Partner Dashboard 创建一个 开发商店 。Hydrogen 商店部署到 Oxygen，这是 Shopify 为 Hydrogen 提供的免费托管服务。
mock.shop 不做什么
mock.shop 专为设计和构建而打造，因此某些功能与真实商店有所不同：
- 结账功能已关闭。 购物车功能可用，因此您可以构建和测试购物车流程，但结账功能已故意关闭。在您将商店连接到真实的 Shopify 商店后，结账功能才会启用。
- 您无法编辑数据。 示例商店是只读的。产品更改需在您真实商店的 Shopify 管理后台中进行。
- 这些商店并非真实企业。 每个商店的产品、图片和文案都是根据其类别和结构生成的。