Next.js で各ページの head
要素をカスタマイズしたいときは、Next.js の Head コンポーネント を使用して、必要な値のみを設定していきます。
典型的なのは、次のような title
要素の設定です。
// import Head from 'next/head'
<Head>
<title>Page Title</title>
</Head>
ちなみに、head
要素ではなく、html
要素の属性値などを設定したいときは、pages/_document.tsx
ファイルを作成します。