Shopify + Astro + React

Netlify Status

A demo of a Shopify site using Astro and React. If you'd like to learn how it's built and how you can do the same, check out this blog post!

Customize and make it your own

Deploy to Netlify

Clicking this button will clone the repo to your GitHub account and instantly deploy to Netlify. You will need to have the Netlify CLI installed, and a .env file at the top level of your project (after you clone) with the following:

SHOPIFY_STOREFRONT_API_TOKEN=example
SHOPIFY_API_ENDPOINT=https://exampleshopify/graphql.json

Commands

All commands are run from the root of the project, from a terminal. Make sure you have the Netlify CLI installed so the serverless functions can work properly!

Command Action
npm install Installs dependencies
npm run start Starts local dev server
npm run build Build your production site to ./dist/