VSF Shopify Boilerplate

Included:

• Shopify Integration:
  • Shopify Middleware
  • Shopify SDK
• Shopify Storefront SDK

How to develop locally:

yarn
yarn dev

open your in browser http://localhost:3000/

start editing NextSJ app in /storefront/apps/web in your IDE

Note: you need to setup your Shopify account and provide credentials to playground/middleware/middleware.config.js

Additionally you have to setup some custom metaobject schemas to consume and generate landing pages

To setup these metaobjects you can utilize GraphQL mutation through Admin endpoint:

mutation ($schema: MetaobjectCreateInput!) {
  metaobjectCreate(metaobject: $schema) {
    metaobject {
      id
    }
  }
}

you can find the metaobject definitions in the documentation in JSON file. It contains the result of calling the following query:

{
  metaobjectDefinitions(first: 50) {
    edges {
      node {
        id
        type
        name
        description
        fieldDefinitions {
          name
          key
          description
          type {
            category
            name
          }
          required
        }
      }
    }
  }
}