# Tune Me In

## Docs

- [Client Components](https://mintlify.wiki/pieroenrico/tune-me-in/api/components/client.md): React Client Components for interactive UI elements
- [PortableText Component](https://mintlify.wiki/pieroenrico/tune-me-in/api/components/portable-text.md): Render rich text content from Sanity with custom blocks and annotations
- [Server Components](https://mintlify.wiki/pieroenrico/tune-me-in/api/components/server.md): React Server Components for rendering on the server
- [Custom Hooks](https://mintlify.wiki/pieroenrico/tune-me-in/api/custom-hooks.md): Utility hooks for adaptive images, timeouts, toggles, and previous values
- [sanity.config.js](https://mintlify.wiki/pieroenrico/tune-me-in/api/sanity-config.md): Configure Sanity CMS integration for your Tune Me In storefront
- [shopify.config.js](https://mintlify.wiki/pieroenrico/tune-me-in/api/shopify-config.md): Configure Shopify Hydrogen integration for your Tune Me In storefront
- [useProductsContext](https://mintlify.wiki/pieroenrico/tune-me-in/api/use-products-context.md): Hook for accessing Shopify products fetched by useSanityQuery in deeply nested components
- [useSanityQuery](https://mintlify.wiki/pieroenrico/tune-me-in/api/use-sanity-query.md): Hook for fetching data from Sanity CMS and automatically retrieving related Shopify products
- [Architecture Overview](https://mintlify.wiki/pieroenrico/tune-me-in/concepts/architecture.md): Understanding the Tune Me In architecture and how Hydrogen, Sanity, and Shopify work together
- [Data Fetching with useSanityQuery](https://mintlify.wiki/pieroenrico/tune-me-in/concepts/data-fetching.md): Deep dive into the useSanityQuery hook and how it unifies Sanity and Shopify data fetching
- [Sanity Integration](https://mintlify.wiki/pieroenrico/tune-me-in/concepts/sanity-integration.md): How Sanity CMS is integrated with Tune Me In for powerful content management
- [Shopify Integration](https://mintlify.wiki/pieroenrico/tune-me-in/concepts/shopify-integration.md): How Shopify Storefront API powers commerce functionality in Tune Me In
- [Environment Configuration](https://mintlify.wiki/pieroenrico/tune-me-in/deployment/configuration.md): Configure environment variables and credentials for production deployment
- [Deployment Overview](https://mintlify.wiki/pieroenrico/tune-me-in/deployment/overview.md): Learn how to deploy your Tune Me In Hydrogen storefront to production
- [Components](https://mintlify.wiki/pieroenrico/tune-me-in/guides/components.md): Guide to using and creating components in Tune Me In
- [Pages](https://mintlify.wiki/pieroenrico/tune-me-in/guides/pages.md): Creating pages and handling routing in Tune Me In
- [Portable Text](https://mintlify.wiki/pieroenrico/tune-me-in/guides/portable-text.md): Working with Portable Text for rich editorial content
- [Product Listings](https://mintlify.wiki/pieroenrico/tune-me-in/guides/product-listings.md): Creating product listing pages (PLPs) and product detail pages (PDPs)
- [Styling](https://mintlify.wiki/pieroenrico/tune-me-in/guides/styling.md): Styling with Tailwind CSS, theming, and responsive design
- [Installation](https://mintlify.wiki/pieroenrico/tune-me-in/installation.md): Detailed installation instructions for Tune Me In, including prerequisites, dependencies, and configuration.
- [Introduction](https://mintlify.wiki/pieroenrico/tune-me-in/introduction.md): Learn about Tune Me In, a powerful Shopify Hydrogen storefront starter with Sanity CMS integration for building custom e-commerce experiences.
- [Quick Start](https://mintlify.wiki/pieroenrico/tune-me-in/quickstart.md): Get your Tune Me In storefront up and running in minutes with this step-by-step guide.