Build a completely custom front-end for your Ghost site with the flexibility of Static Site Generator Eleventy.
yarn
to install the dependencies. Check out the official documentation on how to install Yarn.
To test everything installed correctly, use the following command to run your project:
http://localhost:8080/
in a browser and view the newly created Eleventy static site.
.env
file that comes with the starter.
GHOST_API_URL
value to the URL of the site. For Ghost(Pro) customers, this is the Ghost URL ending in .ghost.io, and for people using the self-hosted version of Ghost, it’s the same URL used to view the admin panel.
Change the GHOST_CONTENT_API_KEY
value to a key associated with the Ghost site. A key can be provided by creating an integration within the Ghost Admin. Navigate to Integrations and click “Add new integration”. Name the integration, something related like “Eleventy”, click create.
netlify.toml
file that comes with the starter template provides the deployment configuration straight out of the box.
.eleventy.js
file in the root of the project, to find out more on configuring Eleventy refer to their official documentation.
site
.