Gatsby
Up and Running with Gatsby: Taking Gatsby to Production

Installing React Helmet

PRO

React Helmet lets us add head tags to our project.

We've got a successful build now. We can also serve our production build by running gatsby serve after running gatsby build. By default, the production built will run at localhost:9000.

When we do this, you'll notice that there is no title up in the tab, which is kind of a bummer. How do we fix that? That's where React Helmet comes into play. React Helmet manages your document head tags.

We'll install React Helmet and its corresponding plugin:

npm install --save react-helmet gatsby-plugin-react-helmet

We of course then need to add the React Helmet plugin to our plugins array of gatsby-config.js:

plugins: [
  //everything else remains the same
    `gatsby-plugin-react-helmet`,
]

Let's add React Helmet to our Layout component in the next video.