back to all posts

Build an Restaurant site with Gatsby and Snipcart - 14

by Nabendu Biswas / May 17th, 2020

#javascript #react #gatsby
Series: Gatsby-snipcart

Welcome to part-14 of the series. We will start to show the data from contentful in our site in this part. So, create a file Menu.js inside the HomeComponents folder and put the below content in it.

Here, we are again using useStaticQuery to get all the data from graphql. After we are getting the data, we are storing it in a const edges.


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

Gatsby Cookbook

The book is currently 80% complete and available on leanpub to purchase at this url. So, please show your support and purchase the book or tell it to someone who is interested in developing blazing fast production websites in GatsbyJS.


I have pushed the code to github, so it had re-deployed the site at

This completes part-14 of the series.

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

Nabendu Biswas