How to add things to the HTML head with React Static

April 7, 2021

React Static comes with a built-in Head component, which allows you to add content to the HTML <head> element. It's powered by React Helmet.

import { Head } from 'react-static'

export default () => {
    return (
        <div>
            <Head>
                <title>Here is the page title</title>
            </Head>

            <div>
                the page content
            </div>
        </div>
    )
}

A quick favor: was anything I wrote incorrect or misspelled, or do you still have questions? Please use this form to let me know or ask for help!