https://github.com/JsssCode/SmallAwesomeShop

angular 7 + graphQL sample, backend - shopify storefront API
https://github.com/JsssCode/SmallAwesomeShop

List: SmallAwesomeShop

angular7 graphql graphql-js shopify-api

Last synced: about 1 month ago
JSON representation

angular 7 + graphQL sample, backend - shopify storefront API

• Host: GitHub
• URL: https://github.com/JsssCode/SmallAwesomeShop
• Owner: JsssCode
• Created: 2017-08-28T15:41:54.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-17T22:07:25.000Z (about 6 years ago)
• Last Synced: 2024-05-19T20:00:52.740Z (7 months ago)
• Topics: angular7, graphql, graphql-js, shopify-api
• Language: TypeScript
• Homepage:
• Size: 117 KB
• Stars: 46
• Watchers: 7
• Forks: 7
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shopify - SmallAwesomeShop - An Angular 7 App example using Shopify's Storefront GraphQL API. (Examples / JavaScript Examples)

README

        
# SmallAwesomeShop

Example of [graphql-js-client](https://github.com/Shopify/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](https://github.com/angular/angular-cli) version 1.1.2.

## Prerequisites

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

* [Git](https://git-scm.com/)

* [Node.js](https://nodejs.org/) (with NPM)

## Installation

* `git clone [email protected]: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:

```js

  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](https://github.com/angular/angular-cli/blob/master/README.md).

## Donation

[![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=K382MCVGXZ2GY&lc=US&no_note=0&cn=Add%20special%20instructions%20to%20the%20seller%3a&no_shipping=2&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted)