# Sunny Harvest Market

[Sunny Harvest Market](https://grocery-retail.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a large grocery catalog before a real Shopify store is ready. It includes fresh produce, dairy, bakery goods, pantry staples, prepared meals, coffee, and kitchenware. The catalog has 998 products across 12 collections. Every product has one default variant, and 266 products have a compare-at price.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about [mock.shop sample stores](https://www.shopify.com/blog/mock-shop).

## When to use this store

Choose Sunny Harvest Market when the storefront needs to help shoppers browse many everyday products quickly.

Use Sunny Harvest Market for:

- Grocery, convenience, food-hall, or other high-volume retail storefronts
- Collection browsing, search, sorting, pagination, carts, and sale-price display
- Catalogs where products are added as-is instead of selected by size, color, or another option

Choose another mock.shop store if you need size or color selectors, subscriptions, digital delivery, appointments, or configurable products. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Sunny Harvest Market query

Here’s an example GraphQL `POST` request that retrieves basic product and pricing information from <https://grocery-retail.mock.shop/api>:

```bash
curl https://grocery-retail.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ products(first: 3) { nodes { title variants(first: 1) { nodes { price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } } }"}'
```

This query returns product titles, availability, current prices, and compare-at prices. Adapt the query for your storefront needs.

The endpoint doesn't require authentication or an access token. Read <https://grocery-retail.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

The catalog’s single-variant products let an agent focus on catalog navigation rather than option selection. Its large collection sizes and mix of regular and compare-at prices support testing collection grids, search results, sorting, pagination, cart behavior, sale badges, and struck-through prices.

Preview the catalog in a storefront by opening <https://grocery-retail.hydrogen.mock.shop> in a browser.

![Sunny Harvest Market's Pantry Foundations collection with product cards, sorting, sale badges, and compare-at prices.](images/sunny-harvest-market-pantry-foundations.webp)

## Build with an AI coding tool

To build a grocery storefront with Claude, ChatGPT, Cursor, Lovable, or another AI assistant, copy the prompt below. It gives the assistant the store domain and directs it to the catalog instructions before it starts writing code.

```text
Build me a Hydrogen storefront using grocery-retail.mock.shop as the store domain. Setup instructions: grocery-retail.mock.shop/llms.txt
```

Shopify also provides a [mock.shop starter project](https://github.com/Shopify/mock-shop-starter): a Hydrogen storefront with product pages, collection browsing, and a working cart already connected to mock.shop. You or your AI coding tool can customize this code instead of building those pieces from scratch.

Follow the repository’s setup instructions, then set `PUBLIC_STORE_DOMAIN=grocery-retail.mock.shop` in `.env` and restart the dev server to use Sunny Harvest Market’s catalog. Leave `PUBLIC_STOREFRONT_API_TOKEN` empty; mock.shop doesn’t require a token.

## Move to a real Shopify store

mock.shop uses fictional, read-only catalog data. Cart operations work, and checkout is mocked: no payment is taken and no real order is placed. The Customer Account API isn’t supported.

When you’re ready to launch, point your storefront at a Shopify store and add that store’s public Storefront API token. If you don’t have a Shopify store yet, [start a Shopify free trial](https://www.shopify.com/free-trial) to create one.

Read the [mock.shop developer documentation](https://shopify.dev/docs/storefronts/headless/mock-shop) for setup and migration details.

## Store facts

| | |
|---|---|
| Store handle | `grocery-retail` |
| Catalog model | Large, single-variant catalog |
| Products | 998 |
| Collections | 12 |
| Categories | 34 |
| Variants per product | 1 |
| Compare-at prices | 266 products |
| Requires shipping | All products |
| API endpoint | <https://grocery-retail.mock.shop/api> |
| Store instructions | <https://grocery-retail.mock.shop/llms.txt> |
| Browser preview | <https://grocery-retail.hydrogen.mock.shop> |
