Headless CMS is getting famous nowadays and being the fact that it’s easy to setup and free. Here I am going to show how to setup a blog with Netlify + Github + Ghost. Netlify provides the CI/CD, content will be hosted on Github and Ghost will be used to create the blog content.

STEP 1:

Use the jamify starter template from the Netlify Template site https://templates.netlify.com https://templates.netlify.com/template/jamify-starter-ghost Click Deploy to Netlify img58 Connect to Github and enter the repo name that needs to be created img59 The site is deployed and will be available with a generated sub-domain on netlify img60 img61 Change site name to your own url img62

STEP 2:

The blog content from the deployed template comes from the Ghost demo website, so we have to replace with our own content. Blogging on Ghost’s own blogging platform https://ghost.org is not free, however there are providers like Digital Press where you can create a free ghost blog with limited features. I have created a blog in DigitalPress and going to use if for creating posts. img63 I have created a sample post in DigitalPress blog. img71

STEP 3:

Now we can link the blog contents from the Ghost blog to Netlify site. First Change the site URL in the site config file. img64 Get the API key for content from Digital Press img65 img66 Create a .ghost.json file in the repository and add the apikey to apiurl img68 img67 As soon as the changes to the files in the repo are done Netlify autotriggers a deploy, however you can still trigger a deploy again img70 After deploy you can view your blog content from DigitalPress linked to the Netlify Site img72

Go ahead and create blog content on the DigitalPress Ghost blog and after creating each blog post Trigger deploy to view the new posts img69