Curated list of awesome lists
Awesome Hydrogen 
:warning: These are Hydrogen v1 resources. The latest version of Hydrogen can be found here. :warning:
Hydrogen is a React-based framework for building dynamic, Shopify-powered custom storefronts.
Contents
- Official Resources
- Getting Started
- Tools
- Community
- Examples
- Apps & Integrations
- Blog Posts
- Podcasts
- Conference Talks
- Vite Plugins
Official Resources
Getting Started
- Quickstart - Create a Hydrogen app locally.
- Tutorial - From "Hello World" to a fully built out Shopify custom storefront.
- Experiment on StackBlitz - Demo Store - A complete Hydrogen storefront template on StackBlitz.
- Experiment on StackBlitz - Hello World - A minimal template on StackBlitz.
Tools
Community
Examples
Apps & Integrations
- Sanity - Headless CMS.
- Builder.io - Visual CMS / Page builder.
- Rebuy - Personalization, merchandising, and retention tools.
- Loop - Returns.
- Searchspring - Search, merchandising, and personalization.
- Klaviyo - Email and SMS marketing.
- Nosto - Personalization.
- Contentful - Headless CMS.
- Algolia - Search and discovery.
- Okendo - Customer reviews.
- Dynamic Yield - Personalization.
- Gorgias - Customer support.
- Search, Filters & Discovery - Search, merchandising and filters.
Blog Posts
- Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce
- Rapid Development with Hydrogen: Building a Product Page
- React Server Components Best Practices You Can Use with Hydrogen
- Hydrogen & Tailwind: The Perfect Match for Building Beautiful Storefronts
- Best-in-Class Developer Experience with Vite and Hydrogen
Podcasts
- The Changelog – Episode #469 Shopify's vision for the future of commerce
- FSJam – Episode #70
- JS Party – Episode #228 Live from Remix Conf!
Conference Talks
Vite Plugins
- vite-plugin-iso-import - Import modules isomorphically.