Skip to content

Instantly share code, notes, and snippets.

@benjifriedman

benjifriedman/gatsbyHelmetFix.js

Created October 8, 2022 23:45
Show Gist options
  • Save benjifriedman/2885e110cb618d335d5f2b3847922310 to your computer and use it in GitHub Desktop.
Save benjifriedman/2885e110cb618d335d5f2b3847922310 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gatsbyHelmetFix.js
//index.js
import React from "react"
import { Link } from "gatsby"
import Layout from "../components/layout"
import Seo from "../components/seo.js"
const IndexPage = () => {
return (
<Layout>
<Seo title="Home" />
//homepage content
</Layout>
)
}
export default IndexPage
//seo.js
import React from "react"
import { Helmet } from "react-helmet"
import { useStaticQuery, graphql } from "gatsby"
const Seo = ({ title }) => {
const data = useStaticQuery(graphql`
query {
site {
siteMetadata {
title
}
}
}
`)
return <Helmet title={`${title} | ${data.site.siteMetadata.title}`} />
}
export default Seo
@benjifriedman
Copy link
Author

Just reviewing this again... so every page needs to have an export const Head now?

@PaulieScanlon
Copy link

PaulieScanlon commented Nov 14, 2022 •
edited
Loading

@benjifriedman If you'd like to add SEO / metadata to the <head /> in a page, then yes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment