The project with GatsbyJS-17

Photo by Christina @ on Unsplash

Welcome to part-17 of the series. You can find part-16 here.

I want to have the concept of series in the site. Many of the blog posts are part of a series and i want to group them together, which will be easier for the user to find them.

First, i want to implement the click on logo, to take to home page. We can do this my wrapping the image tag with a Link tag, in Navbar.js file.


Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook. You can find more details about it here.

Gatsby Cookbook

The book is currently 80% complete and available on leanpub to purchase at this url.

It will also launch all the major platform like leanpub, amazon, iBooks, gumroad once it is complete in July 2020.

Now, we will get the series in the mobile menu also on click of the right menu button.

Mobile menu

This completes part-17 of the series. You can find part-18 here.

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




Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

The State Design Pattern in JavaScript

How to create pure react SVG maps with topojson and d3-geo

React Native Developer

Extract JSON value from a column in Oracle database

3 reasons why your website’s JavaScript might not run like you expect

Introduction to WebAssembly: The Magic of Native Code in Web Apps

Contributing to Open Source isn’t that hard: my journey to contributing to the Node.js project

Component architecture in Figma

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
Nabendu Biswas

Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

More from Medium

E-Commerce App using Amazon UI and React JS

Let’s Create a Pagination Data Table with React and an External API

Dynamically add and view data using React hooks — useState, useEffect, useRef

Getting Started with Redux Saga