# Lumina Form

[Lumina Form](https://apparel-jewelry.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a minimalist jewelry and watch shop with single-variant products before a real Shopify store is ready. The catalog includes necklaces, earrings, bracelets, rings, watches, and jewelry boxes, each as a single-variant item with a fixed price in USD. There are 30 products across four collections. All 30 products have a single Default Title variant with no configurable selectors, and 10 carry compare-at prices.

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 Form when you need a jewelry and watch shop with product pages that skip option selection and show sale and full-price items.

Use Lumina Form for:

- Building jewelry product pages with simple add-to-cart flows and no option selection step
- Testing compare-at price display and sale badge logic across a 10-product on-sale set
- Browsing necklaces, earrings, rings, watches, and accessories across four themed collections

Choose another mock.shop store if you need multi-option selectors, size or color variant grids, or apparel products. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Lumina Form query

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

```bash
curl https://apparel-jewelry.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"architectural-sterling-silver-necklace\") { 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 Architectural Sterling Silver Necklace, 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-jewelry.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build jewelry and watch product pages with a direct add-to-cart action rather than size or color selectors. Each of the 30 products has one Default Title variant, so that placeholder doesn’t need a shopper-facing control. The Architectural Sterling Silver Necklace is priced at USD 1,250, while the Urban Taupe Minimalist Pendant Necklace is USD 64, giving two concrete price displays to work with. Ten products have compare-at prices. Four collections group adornments, watches, stacking pieces, and jewelry storage for navigation. Use the chosen product’s variant ID for cart operations even when there’s only one variant.

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

![Lumina Form product page for Architectural Sterling Silver Necklace, $1,250, showing two necklace lay-flat views and a model wearing it, single variant selector, and Add to cart button](images/lumina-form-architectural-sterling-silver-necklace-20260911.webp)

## Build with an AI coding tool

To build a minimalist jewelry and accessories storefront with Lumina Form 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-jewelry.mock.shop as the store domain. Setup instructions: apparel-jewelry.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-jewelry.mock.shop` in `.env` and restart the dev server to use Lumina Form’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-jewelry` |
| Catalog model | Single-variant jewelry and accessories |
| Products | 30 |
| Collections | 4 |
| Categories | 6 |
| Variants per product | 1 |
| Compare-at prices | 10 products |
| Requires shipping | All products |
| API endpoint | <https://apparel-jewelry.mock.shop/api> |
| Store instructions | <https://apparel-jewelry.mock.shop/llms.txt> |
| Browser preview | <https://apparel-jewelry.hydrogen.mock.shop> |