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.

⚠️ UPDATE: You might not need this template anymore since Vercel now provides zero-config support for Hydrogen.

Getting started

Requirements:

yarn
yarn dev

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

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:

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