Skip to content
angular 7 + graphQL sample, backend - shopify storefront API
Branch: master
Clone or download
Latest commit 724b527 Oct 17, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e 1st commit Aug 28, 2017
src upgrade Angular to 6.1 version Aug 12, 2018
.editorconfig 1st commit Aug 28, 2017
.gitattributes
.gitignore gitignore May 18, 2018
README.md Update README.md Apr 18, 2018
angular.json upgrade Angular to 6.1 version Aug 12, 2018
karma.conf.js upgrade Angular to 6.1 version Aug 12, 2018
package.json Angular 7 Oct 17, 2018
protractor.conf.js 1st commit Aug 28, 2017
tsconfig.json upgrade Angular to 6.1 version Aug 12, 2018
tslint.json

README.md

SmallAwesomeShop

Example of graphql-js-client usage build with Angular 5. https://www.youtube.com/watch?v=aggRpY_5t1o - how it works. This project was generated with Angular CLI version 1.1.2.

Prerequisites

You will need the following things properly installed on your computer.

Installation

  • git clone git@github.com:Shopify/storefront-api-examples.git this repository
  • cd angular-graphql-client
  • npm install

Configuring

If you would like to connect your store to this example, open up /src/environments/environment.ts and /src/environments/environment.prod.ts, update the url and shopifyaccesstoken header:

  url: 'https://your-shop-name.myshopify.com/api/graphql',
  shopifyaccesstoken: 'your-storefront-access-token'

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Donation

If this project helps you reduce time of your projects, help me to buy new keyboard :)

paypal

You can’t perform that action at this time.