News & Announcements

Host your Shopify Hydrogen sites on Netlify with our new Remix runtime

Netlify + Shopify

News & Announcements

Host your Shopify Hydrogen sites on Netlify with our new Remix runtime

Netlify + Shopify

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.

Deploy to Netlify

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.

Keep reading

Recent posts

Book cover with the title Deliver web project 10 times faster with Jamstack enterprise

Deliver web projects 10× faster

Get the whitepaper