Combine your Shopify Store products with Sanity's structured content to build an ultra-modern e-commerce website stack. Where Shopify's product data is embellished in Sanity Studio and linked together by Sanity Connect.
1. Prerequisites
1
Task
2. Preparing your Studio
1
Task
3. Linking Shopify to your Sanity project
3
Tasks
4. Creating a Hydrogen front end
3
Tasks
Hydrogen is a front-end framework based on Remix and preconfigured to query from Shopify stores.
5. Fetching Shopify products
3
Tasks
6. Fetching Sanity content
4
Tasks
7. Visual Editing for interactive live previews
9
Tasks
To dramatically improve the content creation experience for your authors, configure your Hydrogen front end and Sanity Studio for Visual Editing.
8. Next Steps with Hydrogen and Sanity
1
Task