Gatsby Source Ghost
Source plugin for pulling data into Gatsby.js from the Ghost Public API.
Install
npm install --save gatsby-source-ghost
How to use
You need to specify three properties in your gatsby-config.js
:
{
resolve: `gatsby-source-ghost`,
options: {
adminUrl: `<your-subdomain>.ghost.io`,
clientId: `ghost-frontend`,
clientSecret: `<your client secret>`
}
}
adminUrl
The admin URL of your Ghost site. For Ghost(Pro) customers this is your .ghost.io
domain. For self hosters it is your main domain unless you have a separate admin
url configured. Note this URL must work over HTTPS.
clientId
This is almost always ghost-frontend
, unless you have a custom client, which is not yet fully supported by Ghost.
clientSecret
The secret
for the ghost-frontend
client, which can be found just above the </head>
tag on any page on your Ghost site.
How to query
There are 4 node types available from Ghost: Post, Page, Author and Tag.
Documentation for the full set of fields made available for each resource type can be found in the Public API docs.
Posts and Pages have the same properties.
You can query Post nodes created from Ghost like the following:
{
allGhostPost(sort: { order: DESC, fields: [published_at] }) {
edges {
node {
id
slug
title
html
published_at
...
tags {
id
slug
...
}
primary_tag {
id
slug
...
}
authors {
id
slug
...
}
}
}
}
}
You can query Page nodes created from Ghost like the following:
{
allGhostPage {
edges {
node {
id
slug
title
html
...
}
}
}
}
You can query Tag nodes created from Ghost like the following:
{
allGhostTag {
edges {
node {
id
slug
name
...
}
}
}
}
You can query Author nodes created from Ghost like the following:
{
allGhostAuthor {
edges {
node {
id
slug
name
...
}
}
}
}
Copyright & License
Copyright (c) 2018 Ghost Foundation - Released under the MIT license.