コンテンツにスキップ
ドキュメントエラードキュメントヘッドにタイトルがありません

ドキュメントヘッドにタイトルがありません

next/document からの Head コンポーネントで <title> を使用しないようにしてください。

このエラーが発生した理由

next/document からインポートされた Head コンポーネント内に <title> 要素が定義されていました。これは、すべてのページに共通の <head> コードにのみ使用してください。タイトルタグは、代わりに next/head を使用してページレベルで定義する必要があります。

修正方法

ページまたはコンポーネント内で、`next/head`をインポートして使用し、ページタイトルを定義します

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