# Lumina Botanica

[Lumina Botanica](https://skincare.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a skincare shop before a real Shopify store is ready. The catalog includes facial cleansers, toners, moisturizers, eye creams, serums, face masks, SPF sunscreens, and facial rollers. There are 29 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 Lumina Botanica when you want to build a skincare shop with mixed skincare carts with four routine-themed browsing paths.

Use Lumina Botanica for:

- Skincare shop with facial cleansers, toners, moisturizers, eye creams, serums, face masks, SPF sunscreens, and facial rollers
- `Bottle Size` choices on “Botanical Cleanser in Clear Pump Bottle”
- Mixed skincare carts with four routine-themed browsing paths

Choose another mock.shop store if you need a smaller skincare catalog with two selectors and option-driven prices. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Lumina Botanica query

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

```bash
curl https://skincare.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"botanical-cleanser-in-clear-pump-bottle\") { 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 Botanical Cleanser in Clear Pump Bottle, 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://skincare.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a skincare store where customers browse cleansing, hydration, and treatment collections, choose a bottle size, and add several products to their cart. Lumina Botanica has 29 products, including cleansers, toners, moisturizers, serums, masks, and rollers. The Botanical Cleanser in Clear Pump Bottle has 100ml, 200ml, and 500ml Bottle Size choices at the same price. Other items have their own single selectors. Collections such as Daily Botanical Purification and Luminous Clinical Hydration provide browsing paths without assuming every product uses the cleanser’s size menu.

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

![Lumina Botanica product page for Botanical Cleanser in Clear Pump Bottle showing bottle size selector, price $25.00, with studio and sink lifestyle images of a clear glass pump bottle](images/lumina-botanica-botanical-cleanser-in-clear-pump-bottle-20260911.webp)

## Build with an AI coding tool

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