The dev.to project with GatsbyJS-22

Photo by Alex Kotliarskyi on Unsplash

Welcome to part-22 of the series. You can find part-21 here.

We will start by adding some Gatsby plugins to my newly created personal blog site. I have found a great article Emeruche Cole on the same. I am also doing it as per my other site creation. The instructions are in this blog.

I will be adding two SEO plugins first.

gatsby-plugin-robots-txt

So, let’s head over to the plugin page. As the name suggest it creates a robots.txt file for our gatsby site. It’s good for SEO as it tells google bots on how to crawl your site.

We will follow the instruction and do an npm install in our directory. Please stop the development server before that.

npm install --save gatsby-plugin-robots-txt

In the gatsby-config.js , we need to add the marked code in our plugin array.

gatsby-config.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.

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.

Let’s push the code to github for deployment in netlify. It is now showing correctly in https://thewebdev.tech/ also.

favicons

This completes part-22 of the series. You can find part-23 here.

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

Also, the site is live at https://thewebdev.tech/

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

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

Recommended from Medium

Avoid repeating yourself with Laravel Model Scopes

Basics of JavaScript: Introduction to the Date Object

Node.js

React Redux tutorials for beginners-2

10 JavaScript and Node.js Tips that Knock Away Multiple Concepts

JavaScript Best Practices for Beginners

Reference VS. Primitive Values

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

Easy use of props in Next.js

Develop Full-Stack web application using MERN Stack

Learn core Redux — The easiest way you can imagine

Deploying React app to GitHub Pages