In this walkthrough, I’ll guide you through the steps of building a simple navigation bar with GatsbyJS. We’ll use styled components to style our application.

Motivation

I was trying to find an extremely simple and responsive Gatsby navigation bar that utilizes styled components and useState hook but ended up creating my own. I’ll be happy if there’s at least one person that finds this tutorial somewhat useful.

Requirements

If you’ve found this tutorial, I assume that you’ve already got node and gatsby-cli installed on your machine.

node — check in terminal by typing:

node -v

gatsby-cli if not, use your terminal to…