tm-kn / bakerydemo-graphql-frontend

Wagtail GraphQL API Gatsby starter

A template providing a starting point for a Gatsby page that connects to the Wagtail GraphQL API.

🚀 Quick start

After starting the Wagtail GraphQL endpoint, development of the front-end can begin. Set the URL to the endpoint using an environment variable:

WAGTAIL_GRAPHQL_ENDPOINT=http://localhost:8000/graphql/

Or it can be saved it within .env file.

1. Create a Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the default starter.

   gatsby new site https://github.com/tm-kn/wagtail-graphql-api-gatsby

2. Start developing.

   Navigate into your new site’s directory and start it up.

   cd site/
   gatsby develop

3. Open the source code and start editing!

   Your site is now running at http://localhost:8000!

   Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.