フロントエンド開発の先端を突っ走るNext.js
next.js アプリの初期化( npx create-next-app@latest <アプリ名> ) または yarn create next-app <アプリ名> または bun create next-app <アプリ名> )

Next.js AppRouter のおすすめeslint 設定

● typescript-eslint の追加

npm i -D @typescript-eslint/eslint-plugin

.eslintrc.json

{
  "extends": [
    "prettier",
    "next/core-web-vitals",
    "plugin:@typescript-eslint/recommended"
  ],
  "rules": {
    // img を許可
    "@next/next/no-img-element": "off",
    "@typescript-eslint/no-explicit-any": "error",
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "argsIgnorePattern": "^_"
      }
    ],
    // 型の場合 import type に修正してくれる
    "@typescript-eslint/consistent-type-imports": "error",
    // displayName を省略
    "react/display-name": "off"
  }
}
No.2536
10/04 12:58

edit