https://github.com/focusreactive/vsf-shopify-integration-alpha

https://github.com/focusreactive/vsf-shopify-integration-alpha

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/focusreactive/vsf-shopify-integration-alpha
• Owner: focusreactive
• License: mit
• Created: 2023-09-04T05:46:34.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-03-14T16:25:54.000Z (over 2 years ago)
• Last Synced: 2025-02-05T02:23:06.033Z (over 1 year ago)
• Language: TypeScript
• Size: 560 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          
# VSF Shopify Boilerplate

Included:

- Shopify Integration:

  - Shopify Middleware

  - Shopify SDK

- Shopify Storefront SDK

How to develop locally:

```console

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:

```GraphQL

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:

```graphql

{

  metaobjectDefinitions(first: 50) {

    edges {

      node {

        id

        type

        name

        description

        fieldDefinitions {

          name

          key

          description

          type {

            category

            name

          }

          required

        }

      }

    }

  }

}

```