Creating Blog site using Stackbit, GatsbyJS and DEV -4

Photo by Fotis Fotopoulos on Unsplash

Welcome to part-4 of the series. You can find part-3 here.

As you might know that i build my personal site with Stackbit, which publishes all my blogs to

It’s an amazing service and i created the site in less than an hour. But as with most things which automate things, one of the major drawback is that my posts are exact replica of posts and cannot be edited.

I need to do some minor changes to the site, which i will discuss further and then will try to do it. It is not possible for me to change from Stackbit now, as my site gets 1k visitors per month and also i had manually updated the site canonical links(130 blogs till date) to medium and dev. You can find how i did that in part-3 here.

My next blog project with gatsby will be created with markdown(md) or markdown with jsx(mdx) and stored in github and that is my advice to most people.

There are four things which i need to change in my blog and they are -

I was searching for a way to add disqus plugin in the code, but found a way to add social links to home page.

social links

Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook.

Next, it’s time to push to github so it does the automatic deployment to netlify. After the deployment it looks awesome and my site now have comment and like section.

Just awesome

So, please go ahead and start showing your love at

You can find the code till this at my github repo here.

This completes part-4. You can find part-5 here.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store