# BrightSpark Play

[BrightSpark Play](https://toys.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a children’s toy and activity shop before a real Shopify store is ready. The catalog includes modular building block sets, craft and art kits, plush animal companions, weighted and travel blankets, outdoor ring toss and cornhole sets, and wooden xylophones. There are 30 products across four collections. Each product has one selector, and its price stays the same across its variants.

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 BrightSpark Play when you want to build a children’s toy and activity shop with building, crafting, plush, and outdoor-game carts across four collections.

Use BrightSpark Play for:

- Children’s toy and activity shop with modular building block sets, craft and art kits, plush animal companions, weighted and travel blankets, outdoor ring toss and cornhole sets, and wooden xylophones
- `Set Size` choices on “Modular Stacking Blocks Set”
- Building, crafting, plush, and outdoor-game carts across four collections

Choose another mock.shop store if you need a smaller novelty-toy catalog with combined finish and color choices. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example BrightSpark Play query

Here’s an example GraphQL `POST` request that retrieves options and variant prices for one product from <https://toys.mock.shop/api>:

```bash
curl https://toys.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"modular-stacking-blocks-set\") { id title options { name values } variants(first: 50) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Modular Stacking Blocks Set, including option values, variant IDs, selected options, availability, and current and compare-at prices. Use the selected variant’s ID and price when adding it to a cart.

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

## What this catalog lets you test

Build a children’s toy shop where customers browse building sets, craft kits, plush toys, and outdoor games. BrightSpark Play has 30 products across four collections, including Architectural Play Blocks and Active Backyard Games. The Modular Stacking Blocks Set has Starter, Medium, and Master Builder Set Size choices at the same price, with a compare-at price for a sale display. Other products use their own labels, such as Kit Type or Texture. Use those product-specific controls alongside collection browsing and carts that combine different kinds of play.

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

![BrightSpark Play product page for Modular Stacking Blocks Set showing set size selector, sale price $29.99, with studio product shots and a child playing with colorful wooden blocks](images/brightspark-play-modular-stacking-blocks-set-20260911.webp)

## Build with an AI coding tool

To build a children’s toy storefront with BrightSpark Play 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 toys.mock.shop as the store domain. Setup instructions: toys.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=toys.mock.shop` in `.env` and restart the dev server to use BrightSpark Play’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 | `toys` |
| Catalog model | Children’s toy and activity shop |
| Products | 30 |
| Collections | 4 |
| Categories | 7 |
| Variants per product | 2–3 |
| Compare-at prices | 7 products |
| Requires shipping | All products |
| API endpoint | <https://toys.mock.shop/api> |
| Store instructions | <https://toys.mock.shop/llms.txt> |
| Browser preview | <https://toys.hydrogen.mock.shop> |