# Sonic Haven

[Sonic Haven](https://audio.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small audio-equipment catalog before a real Shopify store is ready. It includes microphones, cables, speakers, turntables, and headphones. The catalog has 30 products across 4 collections. Every product has two or three variants from one option. Nine products use Cable Length or Driver Size values that include a number and a unit.

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 Sonic Haven when you’re building an audio-equipment shop with product-specific choices such as cable length and speaker size.

Use Sonic Haven for:

- Audio-equipment storefronts with product-specific selectors
- Option labels such as `1m`, `2m`, and `4-inch` kept intact during variant selection
- Different variant IDs that share the same price

Choose another mock.shop store if you need multi-option products or variant-dependent pricing. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Sonic Haven query

Here’s an example GraphQL `POST` request that retrieves a cable and a speaker with unit-bearing option labels from <https://audio.mock.shop/api>:

```bash
curl https://audio.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ cable: product(handle: \"premium-audio-cable\") { id title options { name values } variants(first: 3) { nodes { id selectedOptions { name value } price { amount currencyCode } availableForSale } } } speaker: product(handle: \"sleek-sound-system-speaker\") { id title options { name values } variants(first: 3) { nodes { id selectedOptions { name value } price { amount currencyCode } availableForSale } } } }"}'
```

This query returns product IDs, titles, options, and all three variants for each product with variant IDs, selected options, prices, and availability. The cable uses `1m`, `2m`, and `3m`; the speaker uses `4-inch`, `6-inch`, and `8-inch`. Adapt the query for your storefront needs.

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

## What this catalog lets you test

Build audio product pages with measurement-based selectors, price displays, and selected-variant cart items. Keep each returned option value intact when matching a selection to its variant ID; converting `1m` to `1` loses part of the value. All cable variants in the example cost $75.00, and all speaker variants cost $199.99, so a different variant ID doesn’t imply a different price. These are synthetic option labels, not evidence of hardware compatibility or measured audio performance.

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

![Sonic Haven’s Premium Audio Cable with product images, 1m, 2m, and 3m Cable Length options, a price, and an Add to cart button.](images/sonic-haven-premium-audio-cable-20260911.webp)

## Build with an AI coding tool

To build an audio-equipment storefront with Sonic Haven using 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 audio.mock.shop as the store domain. Setup instructions: audio.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=audio.mock.shop` in `.env` and restart the dev server to use Sonic Haven’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 | `audio` |
| Catalog model | Audio equipment with unit-bearing option labels |
| Products | 30 |
| Collections | 4 |
| Categories | 11 |
| Variants per product | 2–3 |
| Compare-at prices | 6 products |
| Requires shipping | All products |
| API endpoint | <https://audio.mock.shop/api> |
| Store instructions | <https://audio.mock.shop/llms.txt> |
| Browser preview | <https://audio.hydrogen.mock.shop> |