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

Welcome to my blog!

Destructuring in Javascript (Basics)

Smarter and Faster Angular Development with Nx

How to create a resizable application header in Figma

Snippets for success with Async Await

React core core concepts

Extend a object

Availability test with Node.js and Playwright for Application Insights

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

ReactJS Tutorial Part #4 ~ ReactJS Components

Chat App using WhatsApp web UI and React JS

Remote API | Made with Next JS

Remote API | Made with Next JS

How to Use Fusioncharts to Create Charts in ReactJS