README.md

Gatsby Visualization Starter

A starter with Gatsby and GraphQL Voyager prebuilt for StepZen endpoint configurations.

Create the StepZen Endpoint.

Installing and using the StepZen CLI to spin up the GraphQL endpoint.
```
# Install StepZen CLI
$ npm install -g stepzen
# In the stepzen folder, run...
$ stepzen start
```
Open http://localhost:5000/foo/bar to view the HelloWorld data.
Creating the Gatsby Site.

Navigate into your root folder.
```
$ cd ..
$ npm or yarn install
```
```
$ cp .env.sample .env
// paste your account key and endpoint from StepZen start into .env
$ yarn or npm start
```
Your site is now running at http://localhost:8000!

Edit src/pages/index.js to see your site update in real-time!
Visualizing the StepZen Endpoint

Navigate into your explorer file and open up a new terminal.
```
$ cd ..
$ npm or yarn install
```
```
$ cp .env.sample .env
// paste your account key and endpoint from StepZen start into .env
$ yarn or npm start
```
Open http://localhost:9000 to view the visualization of your data.

Now there are three different development environments running locally on your computer! Every update to the StepZen data in the ./stepzen root folder will now update in real time for all local environments.
1. The StepZen endpoint at http://localhost:5000/foo/bar
2. The Gatsby Site at http://localhost:8000
3. The GraphQL Voyager at http://localhost:9000