How to make a simple responsive menu bar utilising styled components and useState hook

Image for post
Image for post

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:

gatsby-cli if not, use your terminal to…

About

Wojciech Snopkowski

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store