kencruz / gatsby-starter-vendure

Gatsby Starter Vendure

Gatsby starter for creating an eCommerce site using Vendure eCommerce api. Currently work in progress.

This starter adapts an existing Gatsby eCommerce starter which adapts an existing NextJS eCommerce starter for GatsbyJS.

Demo: WIP

Getting started

Install this starter (assuming Gatsby is installed) by running from your CLI:

gatsby new gatsby-store https://github.com/kencruz/gatsby-starter-vendure

Running in development

npm run develop

Additional Setup

A vendure server is needed for this store to run successfully.

Create a .env.development and .env.production file at the project root with your vendure shop api url.

VENDURE_SHOP_API=

Features

• Vendure eCommerce API
• React 16
• PWA (includes manifest.webmanifest & offline support)
• Eslint & Prettier
• Styled Components
• Google Analytics - (you enter the tracking-id)
• Semantic-UI
• Authentication via Vendure (Login and Register)
• Stripe checkout

gatsby-starter-vendure's Issues

Cart count does not update after sign out

Signing out of an logged in account will not reset the cart number 0.

"Invariant violation" error while running npm run develop

Error appears when running npm run develop. It appears after starting webpack server.

There was an error compiling the html.js component for the development server.

See our docs page on debugging HTML builds for help https://gatsby.dev/debug-html Invar
iant Violation:

Error: Invariant Violation:
fetch is not found globally and no fetcher passed, to fix pass a fetch for
your environment like https://www.npmjs.com/package/node-fetch.
For example:
import fetch from 'node-fetch';
import { createHttpLink } from 'apollo-link-http';
const link = createHttpLink({ uri: '/graphql', fetch: fetch });

Implement authentication via vendure

Needs to:

• log in
• log out
• show customer page with order history