Next.js 13 の app ディレクトリに対して ESLint を実行する

2022/12/19

yarn lint (next lint) を実行しても、Next.js 13 からできた app ディレクトリに対しては実行されなかった

どうやらデフォルトでは、pages、components、lib、src ディレクトリ以下にしか実行されないらしい

export const ESLINT_DEFAULT_DIRS = ['pages', 'components', 'lib', 'src']

じゃあどうやるか

Next.js の設定ファイル（next.config.js）に対象にしたいディレクトリを設定してあげたら良い

next.config.js

module.exports = {
  eslint: {
    dirs: ['app', 'pages']
  },
}

参考