Hydrogen App in Vercel Serverless Function

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

Getting started

Requirements:

yarn
yarn dev

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

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

Output directory: set it to dist/client.
Build command: set it to override: true and leave it empty to skip cloud build.

Build for production with the following command:

yarn build

This generates a Vercel Serverless Function that is consumed in api/index.js.

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
.vscode		.vscode
api		api
public		public
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.stylelintrc.js		.stylelintrc.js
.vercelignore		.vercelignore
README.md		README.md
index.html		index.html
package.json		package.json
postcss.config.js		postcss.config.js
serverless-entry.js		serverless-entry.js
shopify.config.js		shopify.config.js
tailwind.config.js		tailwind.config.js
vercel.json		vercel.json
vite.config.js		vite.config.js
yarn.lock		yarn.lock