Recipe site in Gatsby and Firebase-9

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.

Image for post
Image for post
index.js

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

Image for post
Image for post
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.

Image for post
Image for post
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.

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

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