# VitalityCore Labs

[VitalityCore Labs](https://supplements.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a searchable supplement catalog with product variants before a real Shopify store is ready. It includes listings categorized as multivitamin supplements, protein supplements, creatine, probiotics, and herbal supplements. The catalog has 30 products across 4 collections. Each product has two or three variants. Searching for `creatine` returns three products, including two whose titles don’t contain that word.

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 VitalityCore Labs when you’re building a supplement shop with catalog search and product-specific choices.

Use VitalityCore Labs for:

- Supplement storefronts with search results and local filtering
- Search matches that don’t contain the search term in their title
- Client-side intersection of an exact tag and a title substring

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

## Example VitalityCore Labs query

Here’s an example GraphQL `POST` request that retrieves product search results for `creatine`, including titles and tags from <https://supplements.mock.shop/api>:

```bash
curl https://supplements.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ search(query: \"creatine\", first: 100, types: [PRODUCT]) { pageInfo { hasNextPage } nodes { ... on Product { id handle title tags productType } } } }"}'
```

This query returns three product IDs, handles, titles, tags, and product types, with `hasNextPage: false`. Muscle Recovery Powder Supplement, Performance Recovery Turmeric Capsules, and Creatine Performance Powder Micronized all have the tag `creatine`; only the last title contains that word. Adapt the query for your storefront needs.

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

## What this catalog lets you test

Build supplement browsing and search pages, with product selectors for the available variants. To test a more specific search view in your client, keep results whose tags include the exact value `creatine` and whose lowercased title contains `powder`. That rule retains Muscle Recovery Powder Supplement and Creatine Performance Powder Micronized, while excluding Performance Recovery Turmeric Capsules. This is a local tag-plus-title rule applied to the returned results, not a server-side filter or a claim about ingredients. Sample product names and tags don’t verify a supplement’s contents, safety, or health effects.

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

![VitalityCore Labs’ Muscle Recovery Powder Supplement product page with one image of three containers, flavor selectors, a $29.99 price, and an Add to cart button.](images/vitalitycore-labs-muscle-recovery-powder-supplement-20260911.webp)

## Build with an AI coding tool

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