back to all posts

Build a Recipe site with Gatsby and Firebase-3

by Nabendu Biswas / June 30th, 2020

#firebase #react #gatsby
Series: Gatsby-firebase

Welcome to part-3 of the series. Now, we will use the graphql in our code. But first let’s remove all the boiler-plate code from our gatsby default starter.

So, open the index.js file inside the pages folder and update it as below. Notice that we are using the graphql query from the previous part here.

index.jsindex.js

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

Gatsby Cookbook

Now, both of our pages will be shown once we click on the respective Comment link. Also notice that each will get a different /recipe/id

Page 1Page 1

Page 2Page 2

This completes part-3 of the series.

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

Nabendu Biswas