Hydrogen

repo: shopify/awesome-hydrogen
category: Front-End Development

Awesome Hydrogen

Hydrogen is Shopify's open source stack for headless commerce.

Contents

• Official Resources
• Getting Started
• Tools
• Community
• Examples
• Apps & Integrations
• Blog Posts
• Podcasts
• Conference Talks
• Showcase

Official Resources

• Docs
• Hydrogen React
• GitHub

Getting Started

• Quickstart - Create a Hydrogen app locally.
• Tutorial - From "Hello World" to a fully built out Shopify custom storefront.

Tools

• Hydrogen for VSCode

Community

• Discord
• GitHub Discussions

Examples

• Hydrogen NodeJS Express Example
• Tokengated Storefront Example

Apps & Integrations

• Algolia - Search & discovery.
• Crossing Minds - Product recommendation engine.
• Dynamic Yield - Personalization.
• Gorgias - Customer support.
• Nosto - Personalization.
• Okendo - Customer reviews.
• Pack Digital - Digital Experience Platform.
• Rebuy - Product recommendations.
• Sanity - Headless CMS.
• Swym - Wishlists.
• Vercel - Deploy to Vercel.
• Contentful (Coming Soon)
• Yotpo (Coming Soon)
• Netlify (Coming Soon)

Blog Posts

• Remixing Hydrogen
• Headless Shopify - Hydrogen & Oxygen Pros & Cons + Alternative Routes

Podcasts

• JS Party – Episode #228 Live from Remix Conf!
• Remixing Hydrogen - Lessons learnt embracing the platform by JP Prieto
• Headless commerce with Shopify's Hydrogen with Bret Little

Conference Talks

• Juan Pablo Prieto at Remix Conf 2023

Showcase

• Patta x Tommy
• Kamp Grizzly
• AllBirds
• The Headless Club