Shopify Storefront & Headless Commerce

Overview

The Storefront API is Shopify's public-facing GraphQL API for customer experiences. Unlike the Admin API (server-side, privileged), it uses a public access token safe for client-side code. Paired with the Cart API, it powers headless storefronts, mobile apps, and custom buying experiences.

Prerequisites

• Shopify store with a Storefront API access token (Headless channel or custom app)
• For Hydrogen: Node.js 18+ and Shopify CLI 3.x+
• Storefront API scopes: unauthenticated_read_products, unauthenticated_read_collections

Instructions

Step 1: Storefront API Client Setup

import { createStorefrontApiClient } from "@shopify/storefront-api-client";