# Spruce Haven

[Spruce Haven](https://home-dropship.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small kitchen and home care shop before a real Shopify store is ready. The catalog includes ceramic kitchen organizers, portable juicers and electric lunch boxes, cleaning tool holders, scrubbing brushes, stackable organizer kits, and aroma diffusers. There are eight products across two collections. Each product pairs two option selectors, using choices specific to the item.

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 Spruce Haven when you want to build a compact home essentials shop with organizers, portable appliances, and cleaning accessories.

Use Spruce Haven for:

- Small kitchen and home care store with ceramic organizers, portable appliances, cleaning brushes, and aroma diffusers
- Ceramic Kitchen Organizer product pages with `Size` and `Color` choices
- Combining kitchen organizers and cleaning accessories from two focused collections

Choose another mock.shop store if you need a large furniture and decor catalog or home goods with no option selection. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Spruce Haven query

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

```bash
curl https://home-dropship.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"ceramic-kitchen-organizer\") { 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 Ceramic Kitchen Organizer, 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://home-dropship.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a compact home essentials shop where customers choose the size and color of a kitchen organizer, then add cleaning accessories to the same cart. Spruce Haven offers eight products across Streamlined Culinary Essentials and Refined Home Maintenance. The Ceramic Kitchen Organizer uses Size and Color, with a price that changes by size. Other products use different selectors, including Scent and Finish, so read options per item. The small range makes it easy to build both collection pages and selected-variant carts, with compare-at prices available for sale displays.

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

![Ceramic Kitchen Organizer product page on Spruce Haven, showing white two-piece utensil holder and card-slot base in studio and countertop settings, size and color selectors](images/spruce-haven-ceramic-kitchen-organizer-20260911.webp)

## Build with an AI coding tool

To build a kitchen and home care storefront with Spruce Haven 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-dropship.mock.shop as the store domain. Setup instructions: home-dropship.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-dropship.mock.shop` in `.env` and restart the dev server to use Spruce Haven’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-dropship` |
| Catalog model | Small kitchen and home care shop |
| Products | 8 |
| Collections | 2 |
| Categories | 5 |
| Variants per product | 12 |
| Compare-at prices | 5 products |
| Requires shipping | All products |
| API endpoint | <https://home-dropship.mock.shop/api> |
| Store instructions | <https://home-dropship.mock.shop/llms.txt> |
| Browser preview | <https://home-dropship.hydrogen.mock.shop> |
