---
title: "Deploy your Shopify Hydrogen storefront to Netlify Edge Functions"
description: "Netlify’s new Remix v2 runtime lets you deploy your Shopify storefront, powered by Hydrogen, to Netlify Edge Functions for lightning-fast edge rendering. Deploy the template with a single click."
source: "https://www.netlify.com/blog/host-your-shopify-hydrogen-sites-on-netlify-with-our-new-remix-runtime/"
last_updated: "2026-07-14T16:44:56.000Z"
---
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](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify/hydrogen-template#SESSION_SECRET=mock%20token&PUBLIC_STORE_DOMAIN=mock.shop)

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.

### Share

-   [X (fka Twitter)](https://twitter.com/intent/tweet?text=Host your Shopify Hydrogen sites on Netlify with our new Remix runtime&url=https://www.netlify.com/blog/host-your-shopify-hydrogen-sites-on-netlify-with-our-new-remix-runtime/)
-   [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fhost-your-shopify-hydrogen-sites-on-netlify-with-our-new-remix-runtime%2F)
-   [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/host-your-shopify-hydrogen-sites-on-netlify-with-our-new-remix-runtime/)
-   [Bluesky](https://bsky.app/intent/compose?text=Host your Shopify Hydrogen sites on Netlify with our new Remix runtime+https://www.netlify.com/blog/host-your-shopify-hydrogen-sites-on-netlify-with-our-new-remix-runtime/)

* * *

### Tags

-   [Shopify](/blog/tags/shopify/)
-   [remix](/blog/tags/remix/)
-   [Netlify Edge Functions](/blog/tags/netlify-edge-functions/)

## Keep reading

![](/_astro/e9dc72edd9b5509869c7c971b48ebd4cb19b408d-2560x1440_Z25oa4K.webp)

Tools & Services November 3, 2023

[

### Remix v2.2 with new core Netlify primitives

](/blog/remix-v2-2-with-new-core-netlify-primitives)

-   ![Profile picture of Matt Kane](/_astro/4c627c2c5d44f0cd0018e70da18ee2b7557fd7dd-400x400_Z1hIjE6.webp)
    
    Matt Kane
    
-   ![Profile picture of Phil Hawksworth](/_astro/9cfe2bbe94bcb555ce3ac7683ac7905ad3fd32b1-400x400_Z18H6R1.webp)
    
    Phil Hawksworth
    

![](/_astro/18889860ec7a7c958b11de204513491f7b9bdf68-2792x1448_6yOPI.webp)

News & Announcements June 1, 2023

[

### Netlify presents: Edge Functions general availability

](/blog/edge-functions-general-availability)

-   ![Profile picture of Cat Allen](/_astro/5f5b62f8be63dbef6d68ddbd392be73ce149202e-512x512_jerfz.webp)
    
    Cat Allen
    
-   ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp)
    
    Eduardo Bouças
    

## Recent posts

News & Announcements July 14, 2026

[

### More headroom, a lower per-credit rate, and a bill you can predict: introducing new Pro plan tiers

](/blog/new-pro-plan-tiers)

-   ![Profile picture of Gehrig Kunz](/_astro/b4e9f58d914d1334ea70d53ea55a1f26b26f1445-512x512_17SwOI.webp)
    
    Gehrig Kunz
    

News & Announcements July 13, 2026

[

### Netlify inside of Claude Design

](/blog/netlify-inside-of-claude-design)

-   ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp)
    
    Sean Roberts
    

News & Announcements June 25, 2026

[

### Netlify Functions, designed for Agent Experience

](/blog/netlify-functions-designed-for-agent-experience)

-   ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp)
    
    Eduardo Bouças
    

![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp)

### How do the best dev and marketing teams work together?

[Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)