Shopify’s framework for building high-performance composable storefronts is coming to Netlify with an all-new runtime. Hydrogen is a headless stack built by Shopify on top of Remix that includes all the tools needed for building composable e-commerce sites. It includes flexible components and client libraries, optimized for performance and developer productivity.
Powered by Netlify’s new Remix v2 runtime, the Netlify runtime for Hydrogen lets you deploy your Hydrogen storefront to Netlify Edge Functions for lightning-fast edge rendering, while benefiting from Netlify’s developer productivity platform and workflows.
How to run Shopify Hydrogen on Netlify
The Remix CLI provides a quick way to create a new project using Netlify’s Hydrogen template suitable for deploying to Netlify.
To get started, run the following command in your terminal:
npx create-remix@latest --template netlify/hydrogen-template
It started with a click
For an even faster start, you can deploy a Remix project using our Hydrogen template with just a few clicks.
Clicking this button will clone the example as a new repo in your GitHub account and use it to create a new Netlify site for you, complete with our CI/CD pipeline and workflow configured and ready to detect and deploy your changes.
