Creating an Agency Site in GatsbyJS-3

Photo by Austin Distel on Unsplash

Welcome to part-3 of the series. You can find the part-2 here. In the previous part we have created a common footer in the layout component.

Let us first create a Header with Navigation.

index.js

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

You can find the complete code for the project here https://github.com/nabendu82/AgencyDemo

The netlify deployment is here https://priceless-panini-95d866.netlify.com/

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

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

Recommended from Medium

Day 9: setState in React continues

https://gsdigtal3.blogspot.com/2020/12/blog-post_17.html?m=1

love, affection, favourite

NGX-Skeleton-Loader — States, Animations, Performance, and Accessibility for your Angular App

Serialization of objects in Flutter

Making An Animated JavaScript and WebGL Gradient

Class Components vs. Functional Components

How to Make and Use Javascript Promises

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

React App with Final Space API — Tinder Style

How To Set Up React With Tailwind CSS

How and Why to Create a Progressive Web App

Create a form using React Hook Form to POST and GET data from your MongoDB on Next.js: Part I