Sanity and Shopify with Hydrogen
8
Lessons
![Tom Smith](https://cdn.sanity.io/images/3do82whm/next/2522aaab8ee6c13916d8e1e02182f3c528e9a388-800x800.jpg?w=80&h=80&auto=format&dpr=2)
Tom SmithPrincipal Solutions Architect at Sanity
![Noah Gentile](https://cdn.sanity.io/images/3do82whm/next/10fa86f747355e54d2569a5f8645967bebcf5277-512x512.png?w=80&h=80&auto=format&dpr=2)
Noah GentilePrincipal Solution Engineer at Sanity
Lessons in this course
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
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