© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2021
N. BiswasAdvanced Gatsby Projectshttps://doi.org/10.1007/978-1-4842-6640-3_7

7. Displaying Recipes from Firebase

Nabendu Biswas1  
(1)
Bangalore, India
 

Now that we have completed the initial setup of our recipe site, it’s time to use the graphql in our code so we can display recipes. In this chapter, we will first update the code for our home page. Then we will create the individual pages and change the title and footer. Finally, we will be showing Recipe Details and updating the home page. First, though, we need to remove all the boilerplate code from our Gatsby default starter.

Updating the Code

The first step is to open the index.js file inside the pages

Get Advanced Gatsby Projects: Create Two Advanced Sites Using Technologies that Compliment Gatsby now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.