Skip to content
DocsErrorsNo Title in Document Head

No Title in Document Head

Prevent usage of <title> with Head component from next/document.

Why This Error Occurred

A <title> element was defined within the Head component imported from next/document, which should only be used for any <head> code that is common for all pages. Title tags should be defined at the page-level using next/head instead.

Possible Ways to Fix It

Within a page or component, import and use next/head to define a page title:

pages/index.js
import Head from 'next/head'   export function Home() {  return (  <div>  <Head>  <title>My page title</title>  </Head>  </div>  ) }