nextjs/no-title-in-document-head 正しさ

何をするか

next/document からの Head コンポーネントで <title> を使用することを禁止します。

なぜこれは問題か？

<title> 要素は、すべてのページに共通する <head> 内容に対してのみ使用すべきです。
タイトルタグは、ページ単位で next/head を使って定義すべきです。

例

このルールに違反する不適切なコードの例：

javascript

import { Head } from "next/document";

export function Home() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
    </div>
  );
}

このルールに従う適切なコードの例：

javascript

import Head from "next/head";

export function Home() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
    </div>
  );
}

使用方法

このルールを有効化するには、設定ファイルまたは CLI で次のように使用できます：

Config (.oxlintrc.json)CLI

json

{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-title-in-document-head": "error"
  }
}

bash

oxlint --deny nextjs/no-title-in-document-head --nextjs-plugin

参照

ルールのソース

何をするか ​

なぜこれは問題か？ ​

例 ​

使用方法 ​

参照 ​

何をするか

なぜこれは問題か？

例

使用方法

参照