134 lines
4.8 KiB
HTML
134 lines
4.8 KiB
HTML
<p><img width="400" src="./assets/hydrogen-logo.svg"></p>
|
||
<h1 id="awesome-hydrogen-awesome">Awesome Hydrogen <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p>Hydrogen is Shopify’s open source stack for headless commerce.</p>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#official-resources">Official Resources</a></li>
|
||
<li><a href="#getting-started">Getting Started</a></li>
|
||
<li><a href="#tools">Tools</a></li>
|
||
<li><a href="#community">Community</a></li>
|
||
<li><a href="#examples">Examples</a></li>
|
||
<li><a href="#apps--integrations">Apps & Integrations</a></li>
|
||
<li><a href="#blog-posts">Blog Posts</a></li>
|
||
<li><a href="#podcasts">Podcasts</a></li>
|
||
<li><a href="#conference-talks">Conference Talks</a></li>
|
||
<li><a href="#showcase">Showcase</a></li>
|
||
</ul>
|
||
<h2 id="official-resources">Official Resources</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://shopify.dev/docs/custom-storefronts/hydrogen">Docs</a></li>
|
||
<li><a
|
||
href="https://shopify.dev/docs/custom-storefronts/hydrogen-react">Hydrogen
|
||
React</a></li>
|
||
<li><a href="https://github.com/Shopify/hydrogen">GitHub</a></li>
|
||
</ul>
|
||
<h2 id="getting-started">Getting Started</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://shopify.dev/docs/custom-storefronts/hydrogen/getting-started/quickstart">Quickstart</a>
|
||
- Create a Hydrogen app locally.</li>
|
||
<li><a
|
||
href="https://shopify.dev/docs/custom-storefronts/hydrogen/building">Tutorial</a>
|
||
- From “Hello World” to a fully built out Shopify custom
|
||
storefront.</li>
|
||
</ul>
|
||
<h2 id="tools">Tools</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://marketplace.visualstudio.com/items?itemName=crtogrm.hydrogen-vscode&ssr=false#overview">Hydrogen
|
||
for VSCode</a></li>
|
||
</ul>
|
||
<h2 id="community">Community</h2>
|
||
<ul>
|
||
<li><a href="https://discord.gg/shopifydevs">Discord</a></li>
|
||
<li><a href="https://github.com/Shopify/hydrogen-v1/discussions">GitHub
|
||
Discussions</a></li>
|
||
</ul>
|
||
<h2 id="examples">Examples</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Shopify/hydrogen/tree/2023-04/examples/express">Hydrogen
|
||
NodeJS Express Example</a></li>
|
||
<li><a
|
||
href="https://github.com/Shopify/gated-hydrogen-example">Tokengated
|
||
Storefront Example</a></li>
|
||
</ul>
|
||
<h2 id="apps-integrations">Apps & Integrations</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/algolia/shopify-hydrogen-algolia">Algolia</a> -
|
||
Search & discovery.</li>
|
||
<li><a
|
||
href="https://github.com/Crossing-Minds/hydrogen-demo-store">Crossing
|
||
Minds</a> - Product recommendation engine.</li>
|
||
<li><a
|
||
href="https://github.com/DynamicYield/shopify-hydrogen-demo">Dynamic
|
||
Yield</a> - Personalization.</li>
|
||
<li><a href="https://github.com/gorgias/hydrogen-demo/">Gorgias</a> -
|
||
Customer support.</li>
|
||
<li><a href="https://github.com/Nosto/shopify-hydrogen-demo">Nosto</a> -
|
||
Personalization.</li>
|
||
<li><a
|
||
href="https://github.com/okendo/okendo-shopify-hydrogen-demo">Okendo</a>
|
||
- Customer reviews.</li>
|
||
<li><a href="https://github.com/packdigital/pack-hydrogen-demo">Pack
|
||
Digital</a> - Digital Experience Platform.</li>
|
||
<li><a
|
||
href="https://bitbucket.org/rebuyengine/npm-rebuy-hydrogen">Rebuy</a> -
|
||
Product recommendations.</li>
|
||
<li><a
|
||
href="https://github.com/sanity-io/hydrogen-sanity-demo">Sanity</a> -
|
||
Headless CMS.</li>
|
||
<li><a href="https://github.com/swym-corp/swym-hydrogen-store">Swym</a>
|
||
- Wishlists.</li>
|
||
<li><a href="https://vercel.com/templates/remix/hydrogen-2">Vercel</a> -
|
||
Deploy to Vercel.</li>
|
||
<li>Contentful (Coming Soon)</li>
|
||
<li>Yotpo (Coming Soon)</li>
|
||
<li>Netlify (Coming Soon)</li>
|
||
</ul>
|
||
<h2 id="blog-posts">Blog Posts</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://hydrogen.shopify.dev/roadmap#remixing-hydrogen">Remixing
|
||
Hydrogen</a></li>
|
||
<li><a
|
||
href="https://vervaunt.com/shopify-hydrogen-oxygen-pros-cons">Headless
|
||
Shopify - Hydrogen & Oxygen Pros & Cons + Alternative
|
||
Routes</a></li>
|
||
</ul>
|
||
<h2 id="podcasts">Podcasts</h2>
|
||
<ul>
|
||
<li><a href="https://jsparty.fm/228#t=31:29">JS Party – Episode #228
|
||
Live from Remix Conf!</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=MbfKZmvefNs">Remixing
|
||
Hydrogen - Lessons learnt embracing the platform by JP Prieto</a></li>
|
||
<li><a href="https://www.youtube.com/watch?v=dTh1esIxw1k">Headless
|
||
commerce with Shopify’s Hydrogen with Bret Little</a></li>
|
||
</ul>
|
||
<h2 id="conference-talks">Conference Talks</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=qVkRyjSrhXs&t=22990s">Juan
|
||
Pablo Prieto at Remix Conf 2023</a></li>
|
||
</ul>
|
||
<h2 id="showcase">Showcase</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://hydrogen.shopify.dev/case-studies/patta-x-tommy">Patta x
|
||
Tommy</a></li>
|
||
<li><a
|
||
href="https://hydrogen.shopify.dev/case-studies/kamp-grizzly">Kamp
|
||
Grizzly</a></li>
|
||
<li><a
|
||
href="https://hydrogen.shopify.dev/case-studies/allbirds">AllBirds</a></li>
|
||
<li><a href="https://theheadlessclub.com/tool/hydrogen">The Headless
|
||
Club</a></li>
|
||
</ul>
|
||
<p><a href="https://github.com/shopify/awesome-hydrogen">hydrogen.md
|
||
Github</a></p>
|