back to all posts

My Coding Blog From Scratch Using Gatsby and MDX - 16

by Nabendu Biswas / March 2nd, 2020

#gatsby #react #javascript
Series: Gatsby-mdx

Welcome to part-16 of the series. We need to add Side Menu on the right side also. It will open on the clicking the hamburger menu, on the mobile screen.

But let’s first change our only item in right menu to a component, as we need it at two places.

Create a new file Advert.js inside components folder and add the code from index.js in it.

Advert.jsAdvert.js

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

The book can be purchased from Apress site here

Foundation Gatsby Projects

Now, our Right Menu is also fully operational in the Mobile view.

Mobile ViewMobile View

This completes part-16 of the series.

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

Nabendu Biswas