# Havenly Nest

[Havenly Nest](https://home-decor.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a home-decor catalog with product options and compare-at prices before a real Shopify store is ready. It includes pillows, blankets, vases, mirrors, and decorative lighting. The catalog has 60 products across 5 collections. Products have two or three variants each. Some share a title, options, and current price but differ in whether they have a compare-at price.

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 Havenly Nest when you’re building a home-decor shop with product choices and current and compare-at price displays.

Use Havenly Nest for:

- Home-decor storefronts with repeated product titles
- Product state keyed by ID or handle rather than title
- Clearing compare-at price displays when navigating between products

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

## Example Havenly Nest query

Here’s an example GraphQL `POST` request that retrieves two separately identified products with the same title from <https://home-decor.mock.shop/api>:

```bash
curl https://home-decor.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ withCompareAt: product(handle: \"terracotta-throw-pillow-2\") { id handle title options { name values } variants(first: 2) { nodes { id selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } } } } withoutCompareAt: product(handle: \"terracotta-throw-pillow-3\") { id handle title options { name values } variants(first: 2) { nodes { id selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } } } } }"}'
```

This query returns product IDs, handles, titles, options, and both variants for each product with IDs, selected options, current prices, and compare-at prices. Both products are named Terracotta Throw Pillow, use Small and Large sizes, and cost $45.00; only `terracotta-throw-pillow-2` returns a $58.50 compare-at price. Adapt the query for your storefront needs.

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

## What this catalog lets you test

Build a home-decor storefront with collection browsing, product selectors, and price displays. When navigating between the two queried products, check that the compare-at display clears when the newly selected product’s variant returns `compareAtPrice: null`. Keep product state keyed by ID or handle, not the shared title; changing size within either product doesn’t change its current or compare-at price. Across the catalog, 23 products have compare-at prices and 37 don’t, giving you both display states without implying a real promotion.

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

![Havenly Nest’s Terracotta Throw Pillow with product images, Small and Large options, a $45.00 price, and a crossed-out $58.50 compare-at price.](images/havenly-nest-terracotta-throw-pillow-20260911.webp)

## Build with an AI coding tool

To build a home-decor storefront with Havenly Nest 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 home-decor.mock.shop as the store domain. Setup instructions: home-decor.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=home-decor.mock.shop` in `.env` and restart the dev server to use Havenly Nest’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 | `home-decor` |
| Catalog model | Home decor with product options and optional compare-at prices |
| Products | 60 |
| Collections | 5 |
| Categories | 16 |
| Variants per product | 2–3 |
| Compare-at prices | 23 products |
| Requires shipping | All products |
| API endpoint | <https://home-decor.mock.shop/api> |
| Store instructions | <https://home-decor.mock.shop/llms.txt> |
| Browser preview | <https://home-decor.hydrogen.mock.shop> |