Create a free JAMStack blog using Ghost, Heroku and Netlify

Ghost

Background

Use Case

Why and what is Ghost, Heroku and Netlify?

Ghost

Heroku

Netlify

Prerequisites

Step 1: Deploy Ghost 3.X server on Heroku

Free dyno and add-ons
Ghost server on Heroku
MySQL Database and Tables
Mailgun Email Service
Ghost Admin

Step 2: Deploy a starter frontend on Netlify

Introducing JAMstack!

JAMSTACK

Gatsby Starter Ghost starter project

GitHub project from TryGhost/gatsby-starter-ghost
Netlify Overview — Successful deployed website

Step 3: Integrate Ghost to Gatsby & Netlify

3.1 Gatsby: Populate content from own Ghost server

Gatsby Integration

3.2 Netlify: Updates in Ghost will trigger Netlify frontend re-builds

Netlify’s Ghost build hook
Netlify Integration Webhook

Step 4: Change to custom Domain Name

Netlify DNS
Register your domain

Step 5 : Integrate other webhooks (Optional)

Google Analytics: Track site visits to gain deeper understanding of your readers

gatsby-config.js file

Conclusion

Acknowledgements

Get the Medium app