Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/pieroenrico/tune-me-in/llms.txt

Use this file to discover all available pages before exploring further.

Tune Me In is a customized Shopify Hydrogen starter that demonstrates how Sanity and Structured Content can elevate your custom Shopify storefronts with rich editorial experiences. Tune Me In Storefront

​
What is Tune Me In?

Tune Me In combines the performance and modern tooling of Shopify Hydrogen with the content flexibility of Sanity CMS. This starter template provides a production-ready foundation for building custom storefronts that go beyond traditional product listing pages (PLPs) and product detail pages (PDPs).

​
Key Features

Unified Data Fetching

Query both Sanity and Shopify data in a single call using the useSanityQuery hook

Rich Editorial Content

Create engaging content pages using Portable Text with inline product references

Customizable Galleries

Build dynamic home pages with featured collections and products from your CMS

Variant Support

Handle product variants with custom URL formatting and state management

​
How It Works

Sanity Hydrogen flow The true power of custom storefronts lies in having the flexibility to augment your products with data relevant to you:
  • Product Enrichment: Associate products with custom data like ingredients, styling tips, or related content
  • Editorial Freedom: Create custom pages that reference multiple products in rich layouts
  • Structured Content: Leverage Sanity’s Portable Text for flexible, block-based content

​
The Sanity + Shopify Approach

Instead of querying Shopify and Sanity separately, Tune Me In uses Sanity Connect for Shopify to:
  1. Sync your Shopify product data to Sanity
  2. Reference products within your Sanity content
  3. Fetch both Sanity content and fresh Shopify data in one query
  4. Ensure you’re always displaying the latest product information
This approach gives you complete control over how products appear in your content while maintaining real-time pricing and inventory accuracy from Shopify.

​
What’s Included

Tune Me In comes pre-configured with:
  • Home page with customizable gallery, featured collections and products
  • Collection PLPs for browsing products by collection
  • Product PDPs with variant support
  • Editorial pages supporting inline, block, and margin-level product listings
  • Custom components like <LinkProduct> for variant URL handling
  • Pre-built queries for common e-commerce patterns

​
Technology Stack

Shopify Hydrogen - React-based framework optimized for commerce, with server-side rendering and streaming.
Sanity CMS - Structured content platform with real-time collaboration and flexible content modeling.
Vite - Fast build tool with hot module replacement for rapid development.
Tailwind CSS - Utility-first CSS framework for rapid UI development.

​
Designed for Flexibility

This starter is designed to work with Sanity’s pre-configured Shopify Studio, which provides:
  • Product document schemas
  • Collection schemas
  • Editorial page schemas
  • Home page configuration
  • Image and media management
Tune Me In is currently in active development and may not be production-ready for all use cases. We recommend thorough testing before deploying to production.

​
Next Steps

Quick Start

Get your storefront running in minutes

Installation Guide

Detailed setup and configuration instructions

Build docs developers (and LLMs) love

Get started for freeTalk to us