# BrightSight Optics

[BrightSight Optics](https://apparel-eyewear.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against an eyewear shop with glasses, sunglasses, and frame or lens choices before a real Shopify store is ready. The catalog includes eyeglasses, sunglasses, goggles, and smart-glasses-style products. There are 30 products across four collections. Products have two or three variants each, using a single option such as Frame Finish, Frame Color, Lens Tint, or Size.

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 BrightSight Optics when you want to build an eyewear storefront with frame and lens option selectors and collection browsing across 30 products.

Use BrightSight Optics for:

- An eyewear or sunglasses shop
- Single-option product selectors with frame, tint, or size labels
- Collection pages and current-versus-compare-at price displays

Choose another mock.shop store if you need multi-option variant combinations or a clothing catalog rather than eyewear. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example BrightSight Optics query

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

```bash
curl https://apparel-eyewear.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"titanium-frame-eyeglasses\") { 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 Titanium Frame Eyeglasses, 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-eyewear.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build eyewear product pages with an option selector that changes its label to match the item. Titanium Frame Eyeglasses use Frame Finish, with Matte Graphite, Brushed Bronze, and Polished Tortoise choices. Other products use Lens Tint, Polarization, Frame Color, or Size. Each item has two or three variants at the same price, so you can change selections without assuming every option changes the amount. Four collections support catalog browsing, and seven products have compare-at prices. Product names and option labels aren’t evidence of prescription support, safety certification, or device compatibility.

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

![BrightSight Optics product page for Titanium Frame Eyeglasses, $199.99, showing two eyeglasses views and a reading lifestyle photo, with a Frame Finish selector (Matte Graphite, Brushed Bronze, Polished Tortoise) and Add to cart button](images/brightsight-optics-titanium-frame-eyeglasses-20260911.webp)

## Build with an AI coding tool

To build an eyewear storefront with BrightSight Optics 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-eyewear.mock.shop as the store domain. Setup instructions: apparel-eyewear.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-eyewear.mock.shop` in `.env` and restart the dev server to use BrightSight Optics’ 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-eyewear` |
| Catalog model | Eyewear with single-option frame and lens choices |
| Products | 30 |
| Collections | 4 |
| Categories | 5 |
| Variants per product | 2–3 |
| Compare-at prices | 7 products |
| Requires shipping | All products |
| API endpoint | <https://apparel-eyewear.mock.shop/api> |
| Store instructions | <https://apparel-eyewear.mock.shop/llms.txt> |
| Browser preview | <https://apparel-eyewear.hydrogen.mock.shop> |