コンテンツにスキップ
DocsErrorsドキュメントヘッドにタイトルなし

ドキュメントヘッドにタイトルなし

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>
  )
}