A kinda static Website, generated using Gatsby and a custom theme, with data and embedded images, except for featured images, from a Ghost Blog.
To start developing, create a .ghost.json
file containing the API connection details of your Ghost install. You can create them by accessing the "Integrations" tab in your Ghost Admin and creating a custom integration. It should have the following structure:
{
"development": {
"apiUrl": "url",
"contentApiKey": "key"
}
}
Then just start the development server by either running npm start
or ghost develop
, if you installed it locally.
The files are generally arranged like this:
/src
├─/assets // Assets not used on the site
├─/components // Gatsby components like the Navbar, etc.
├─/pages // Pages not generated by Ghost
├─/styles // Global style files
└─/templates // Templates into which Ghost data is injected
/static // Static files like favicons, etc.
.ghost.json // Your Ghost API keys
gatsby-config.js // Gatsby settings and plugins
gatsby-node.js // Define how pages are generated
package.json // Node scripts and dependencies