TooTallNate / hydrogen-vercel-edge

Deploy a Hydrogen storefront to Vercel Edge Functions

Hydrogen App in Vercel Edge Function

Hydrogen is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.

Check out the docs

Getting started

Requirements:

• Node.js version 16.5.0 or higher
• Yarn

yarn
yarn dev

Remember to update hydrogen.config.js with your shop's domain and Storefront API token!

Vercel project setup

Install Vercel CLI (>=25.0.0) and login into your account.

Link this directory to a Vercel project and set the following environment variable in Vercel Dashboard:

• ENABLE_VC_BUILD: 1

Building for production

Build for production with the following command:

yarn build

This generates a Vercel Edge Function (middleware) in .vercel/output directory. Deploy using the --prebuilt option in Vercel CLI:

vercel deploy --prebuilt
# or
yarn deploy