Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

ContactSign Up
Community Plugin
View plugin on GitHub


GitHub npm (scoped)

Adds support for React Helmet Async to a Gatsby project.


# Yarn
yarn add react-helmet-async @rhysforyou/gatsby-plugin-react-helmet-async

# npm
npm install --save react-helmet-async @rhysforyou/gatsby-plugin-react-helmet-async


Add the plugin and its options to your gatsby-config.js like so:

module.exports = {
  plugins: ["@rhysforyou/gatsby-plugin-react-helmet-async"]

Then just use React Helmet Async as you usually would, the plugin will create the HelmetProvider component for you and ensure that your <head> element contains the correct tags when building your site.

© 2023 Gatsby, Inc.