Recipe site in Gatsby and Firebase-9

Nabendu Biswas
2 min readMay 23, 2020

Welcome to the final part of the series. You can find part-8 here.

We will put commenting system in part. We will be using the awesome service of disqus for doing that. But first we need to do two small changes.

First the summary of each recipe can be a bit long, so i want to show only 100 words on the home page. For this head over to index.js file and make the below changes.

We are adding a helper function summarySlice and returning the sliced string plus three dots.


Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook. You can find more details about it here.

Gatsby Cookbook

It’s time to push this code to github for the automatic deployment to netlify. The deployment was done successfully and commenting system is up on our site.

Commenting system

This completes the recipe site which i had built for my site. She will soon update all the recipes, which she had made recently. Hope you liked the series and learned to use gatsby with firebase.

You can find the code for the same in this github repo.



Nabendu Biswas

Architect, ReactJS & Ecosystem Expert, Youtuber, Blogger