Outline
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.