In one of my previous posts I have described what a canonical URL is. Now, let me show you how to implement this in Gatsby. Gatsby First of all, what is Gatsby? Gatsby is a React-based open-source framework for creating websites and apps. Gatsby is a Static Site Generator tool based on React. It takes your React components and pre-renders them into (generates) HTML documents. It has its own way of dealing with page components, dynamic templates, as well as normal reusable components. There is a nice plugin ecosystem and a lively community. If you know React and you want to build fast websites this is a great tool. After Gatsby renders your components into HTML pages you can serve them as a static website on any hosting you want. React Helmet What is React Helmet you might ask. React Helmet is a reusable React component which you can use to manage all of your <head> tags in your Gatsby project. This reusable React component will manage all of your changes to the document head.…