Skip to main content

Build modern headless storefronts

Tune Me In combines the power of Shopify Hydrogen with Sanity’s structured content management to create fast, flexible e-commerce experiences. Build custom storefronts with editorial-rich product pages and seamless content integration.

Quick Start

Get your storefront running in minutes with our step-by-step guide

Installation

Install dependencies and configure your development environment

Architecture

Understand how Hydrogen, Sanity, and Shopify work together

API Reference

Explore hooks, components, and configuration options

Key Features

Unified Data Fetching

Fetch data from both Sanity and Shopify in a single query with useSanityQuery

Server & Client Components

Leverage React Server Components for optimal performance

Portable Text Support

Create rich editorial content with inline product references

Tailwind Styling

Responsive design system built with Tailwind CSS

What’s Inside

Tune Me In provides everything you need to build production-ready headless storefronts:
  • Product Listings: Collection pages and product detail pages with variant support
  • Editorial Pages: Rich content pages powered by Sanity’s Portable Text
  • Cart Functionality: Full shopping cart with Hydrogen’s built-in state management
  • Custom Hooks: Pre-built hooks for data fetching and context access
  • Responsive Components: Mobile-first component library with Tailwind CSS

Next Steps

Core Concepts

Learn the fundamentals

Guides

Follow detailed tutorials

Deployment

Deploy to production