まくろぐ

Next.js で各ページの head 要素をカスタマイズする (next/head)

更新:
作成:

Next.js で各ページの head 要素をカスタマイズしたいときは、Next.js の Head コンポーネント を使用して、必要な値のみを設定していきます。 典型的なのは、次のような title 要素の設定です。

// import Head from 'next/head'

<Head>
  <title>Page Title</title>
</Head>

ちなみに、head 要素ではなく、html 要素の属性値などを設定したいときは、pages/_document.tsx ファイルを作成します。

関連記事

まくろぐ
サイトマップまくへのメッセージ