VibePulse Studio

VibePulse Studio is a mock.shop sample store for building against a small streetwear shop before a real Shopify store is ready. The catalog includes graphic tees, hoodies, cargo pants, an oversized jacket, and a utility cap. There are eight products across two collections. Products have 12 variants each, with product-specific choices for building selectors.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about mock.shop sample stores.

When to use this store

Choose VibePulse Studio when you want to build a streetwear store with graphic tees, hoodies, cargo pants, an oversized jacket, and a utility cap.

Use VibePulse Studio for:

• A small streetwear shop with graphic tees, hoodies, and cargo pants
• Clothing pages with product-specific size, color, and finish choices
• Two streetwear collections with sale displays and selected-variant carts

Choose another mock.shop store if you need a larger clothing range or single-variant products. Browse https://mock.shop/llms.txt to find a store that matches your catalog.

Example VibePulse Studio query

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

curl https://apparel-streetwear.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"heavyweight-graphic-tee-in-smoke-cotton\") { 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 Heavyweight Graphic Tee in Smoke Cotton, 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-streetwear.mock.shop/llms.txt for catalog details and store-specific instructions.

What this catalog lets you test

Build a streetwear storefront with product pages, collection browsing, and mixed-item carts. Heavyweight Graphic Tee in Smoke Cotton uses Color (Slate, Obsidian, Ash) and Size (XS, S, M, L). Use those returned values to build its selectors. All eight products have prices that vary by selection, so keep product pages and carts aligned with the selected variant. Five products have compare-at prices for sale displays. Collections such as Concrete Core Essentials and Urban Utility Gear support themed browsing. Other items pair Size with Finish, so read each product’s options rather than assigning the same controls to every garment.

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

Build with an AI coding tool

To build a streetwear storefront with VibePulse Studio 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.

Build me a Hydrogen storefront using apparel-streetwear.mock.shop as the store domain. Setup instructions: apparel-streetwear.mock.shop/llms.txt

Shopify also provides a mock.shop starter project: 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-streetwear.mock.shop in .env and restart the dev server to use VibePulse Studio’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 to create one.

Read the mock.shop developer documentation for setup and migration details.

Store facts