A template providing a starting point for a Gatsby page that connects to the Wagtail GraphQL API.
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.
-
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
-
Start developing.
Navigate into your new site’s directory and start it up.
cd site/ gatsby develop
-
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.