add env var for ONEGRAPH_APP_ID

Author: dylanjha

gatsby-example-graphql/README.md

@@ -6,6 +6,8 @@ This is an example Gatsby site that uses [Mux](https://mux.com/) and Mux's Graph
 
 This project was generated with `gatsby new` based on the [hello world example](https://github.com/gatsbyjs/gatsby-starter-hello-world).
 
-1. Copy `env.example` to `.env.development`. Add your Mux keys.
-2. `yarn dev` will start the gatsby server
-3. This app has a single index page with a list of your Mux assets
+To use this example you will need a free [OneGraph](https://www.onegraph.com) App and a free [Mux](https://mux.com/) account.
+
+1. Copy `env.example` to `.env.development`. Add your Mux keys and onegraph APP ID
+1. `yarn dev` will start the gatsby server
+1. This app has a single index page with a list of your Mux assets

gatsby-example-graphql/env.example

@@ -1,2 +1,3 @@
 MUX_TOKEN_ID=xxxx
 MUX_TOKEN_SECRET=xxxx
+ONEGRAPH_APP_ID=xxxx

gatsby-example-graphql/gatsby-config.js

@@ -19,10 +19,7 @@ module.exports = {
         // Field under which the remote schema will be accessible. You'll use this in your Gatsby query
         fieldName: "onegraph",
         // Url to query from - this is the onegraph Mux API
-        url: "https://serve.onegraph.com/dynamic?app_id=0b33e830-7cde-4b90-ad7e-2a39c57c0e11",
-        headers: {
-          Authorization: `bearer ${process.env.ONEGRAPH_API_TOKEN}`,
-        },
+        url: `https://serve.onegraph.com/dynamic?app_id=${process.env.ONEGRAPH_APP_ID}`,
       },
     },
   ],