next-app-template/.eslintrc.json

// devDependencies required
// eslint
// eslint-config-next
// eslint-config-standard
// eslint-plugin-import
// eslint-plugin-n
// eslint-plugin-promise
// eslint-plugin-react
// eslint-plugin-tailwindcss

// command yarn install

// yarn add -D eslint eslint-config-next eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promise eslint-plugin-react eslint-plugin-tailwindcss

// for TypeScript
// yarn add -D @typescript-eslint/parser

{
  "env": {
    "browser": true,
    "es2021": true,
    "node": true
  },
  "extends": [
    "standard",
    "next/core-web-vitals",
    "plugin:react/recommended",
    "plugin:tailwindcss/recommended"
  ],
  "overrides": [],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module",
    "project": "./tsconfig.json"
  },
  "plugins": ["react", "tailwindcss"],
  "rules": {
    "react-hooks/exhaustive-deps": "off",
    "react/react-in-jsx-scope": "off",
    "react/prop-types": "off",
    "tailwindcss/no-custom-classname": "off",
    "tailwindcss/classnames-order": "error",
    "camelcase": "off",
    "react-hooks/rules-of-hooks": "off",
    "object-curly-spacing": [2, "always"],
    "no-console": ["warn", { "allow": ["warn", "error"] }],
    "quotes": ["error", "double"],
    "indent": [
      "error",
      2,
      {
        "SwitchCase": 1,
        "flatTernaryExpressions": true
      }
    ]
  }
}