.eslintrc.json

{
    "extends": ["next/core-web-vitals", "prettier", "plugin:import/recommended"],
    "plugins": ["prettier", "@typescript-eslint", "unused-imports"],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "project": "./tsconfig.json"
    },
    "rules": {
      /* General Rules */
      // Prettier formatting must pass
      "prettier/prettier": "error",
      // Import order
      "import/order": [
        "error",
        {
          "pathGroups": [
            // Internal between external and relative
            {
              "pattern": "@/**",
              "group": "internal"
            },
            // Next as the second group
            {
              "pattern": "next/**",
              "group": "builtin",
              "position": "before"
            },
            // React in the first group
            {
              "pattern": "react",
              "group": "builtin",
              "position": "before"
            }
          ],
          "pathGroupsExcludedImportTypes": ["builtin"],
          "newlines-between": "always",
          "groups": ["builtin", "external", "internal", "parent", "sibling"],
          "alphabetize": { "order": "asc", "caseInsensitive": true }
        }
      ],
      // Unused imports
      "unused-imports/no-unused-imports": "warn",
  
      /* React Rules */
      // Components must have explicit types
      "react/prop-types": "warn",
      // Prefer self-closing components without children
      "react/self-closing-comp": "warn",
      // We don't need NextJS's Image element
      "@next/next/no-img-element": "off",
      // Consistency in component definition
      "react/function-component-definition": [
        "error",
        {
          "namedComponents": "function-declaration"
        }
      ],
      // Avoid rendering bugs in conditional rendering with &&
      "react/jsx-no-leaked-render": "error",
      // useState should be destructured
      "react/hook-use-state": "error"
    },
    "settings": {
      "react": {
        "version": "detect"
      }
    }
}