.eslintrc.json

{
  "root": true,
  "env": {
    "browser": true,
    "es2021": true,
    "node": true
  },
  "extends": [
    "next",
    "next/core-web-vitals",
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier",
    "plugin:storybook/recommended",
    "plugin:import/recommended",
    "plugin:import/typescript"
  ],
  "overrides": [],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": [
    "react",
    "@typescript-eslint",
    "import"
  ],
  "settings": {
    "import/resolver": {
      "typescript": {}
    }
  },
  "rules": {
    "import/order": [
      "error", {
        "alphabetize": {
          "order": "asc",
          "caseInsensitive": true
        },
        "newlines-between": "never",
        "groups": ["builtin", "external", "type", "internal", "unknown"],
        "pathGroups": [
          {
            "pattern": "next/**",
            "group": "external",
            "position": "before"
          },
          {
            "pattern": "react/**",
            "group": "external",
            "position": "before"
          },
          {
            "pattern": "recoil/**",
            "group": "external",
            "position": "before"
          },
          {
            "pattern": "recoil-persist/**",
            "group": "external",
            "position": "before"
          },
          {
            "pattern": "axios/**",
            "group": "external",
            "position": "after"
          },
          {
            "pattern": "uuid/**",
            "group": "external",
            "position": "after"
          },
          {
            "pattern": "react-icons/**",
            "group": "external",
            "position": "after"
          },
          {
            "pattern": "@mui/**",
            "group": "external",
            "position": "after"
          },
          {
            "pattern": "types/**",
            "group": "type",
            "position": "before"
          },
          {
            "pattern": "utils/**",
            "group": "internal",
            "position": "before"
          },
          {
            "pattern": "constants/**",
            "group": "internal",
            "position": "before"
          },
          {
            "pattern": "compoenents/**",
            "group": "internal",
            "position": "after"
          },
          {
            "pattern": "hooks/**",
            "group": "internal",
            "position": "after"
          },
          {
            "pattern": "styles/**",
            "group": "internal",
            "position": "after"
          }
        ],
        "pathGroupsExcludedImportTypes": ["next/**", "react/**", "recoil/**", "recoil-persist/**", "axios/**", "uuid/**", "react-icons/**", "@mui/**", "types/**", "utils/**", "constants/**", "compoenents/**", "hooks/**", "styles/**"]
      }
    ]
  }
}