# Lumina Grain

[Lumina Grain](https://apparel-handbags.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a handbag and accessories boutique with bag, wallet, and hardware choices before a real Shopify store is ready. The catalog includes handbags, clutch bags, bucket bags, wallets, small accessories, and jewelry. There are 30 products across four collections. Products have one to three variants each, with choices such as Color, Hardware Finish, Closure Style, Size, and Length.

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 Lumina Grain when you want to build a handbag boutique with a mix of configurable bags and simple accessory products.

Use Lumina Grain for:

- A handbag, wallet, and accessories boutique
- Product pages with color, hardware, closure, or size selectors
- Collection browsing and carts combining single-variant and configurable items

Choose another mock.shop store if you need two-option combinations, variant-dependent prices, or a clothing catalog with full size runs. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Lumina Grain query

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

```bash
curl https://apparel-handbags.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"minimalist-leather-handbag\") { id title options { name values } variants(first: 20) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Minimalist Leather Handbag, 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://apparel-handbags.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a bag and accessories storefront with selectors that reflect the product instead of assuming every bag has the same choices. The Minimalist Leather Handbag has Stone, Espresso, and Clay Color values, while the Sculptural terracotta leather handbag uses Hardware Finish. Products have one to three variants, including two items with only a Default Title variant, so those pages can skip option controls. Prices stay the same across each product’s variants, and nine products have compare-at prices. Four collections organize the 30-product catalog for browsing and mixed-item carts.

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

![Lumina Grain product page for Minimalist Leather Handbag, $199.99, showing two saddle-brown handbag views and a gallery lifestyle photo, with Color selector (Stone/Espresso/Clay) and Add to cart button](images/lumina-grain-minimalist-leather-handbag-20260911.webp)

## Build with an AI coding tool

To build a handbag and accessories storefront with Lumina Grain 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 apparel-handbags.mock.shop as the store domain. Setup instructions: apparel-handbags.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=apparel-handbags.mock.shop` in `.env` and restart the dev server to use Lumina Grain’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 | `apparel-handbags` |
| Catalog model | Handbags and accessories with mixed single-option products |
| Products | 30 |
| Collections | 4 |
| Categories | 10 |
| Variants per product | 1–3 |
| Compare-at prices | 9 products |
| Requires shipping | All products |
| API endpoint | <https://apparel-handbags.mock.shop/api> |
| Store instructions | <https://apparel-handbags.mock.shop/llms.txt> |
| Browser preview | <https://apparel-handbags.hydrogen.mock.shop> |