Welcome to part-2 of the series. Let’s start from where we had left. We had configured firebase in the previous part and now we will start to connect it to our code.

We will be first installing a plugin to connect gatsby with firebase called gatsby-firesource. Details of the plugins are here.

So, head over to the terminal and stop gatsby develop , if running and run npm i gatsby-firesource to install it.

npm i

Rest of the chapter is exclusive content and is from my book Foundation Gatsby Projects.

The book can be purchased from Apress site here

The query is returning both of our recipes with all the details successfully.

Graphql

This completes part-2 of the series.

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