.eslintrc.json

{
  "root": true,
  "extends": [
    "next",
    "airbnb-typescript",
    "prettier"
  ],
  "plugins": ["prettier"],
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "settings": {
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx"]
    }
  },
  "rules": {
    "prettier/prettier": "error",
    "react/react-in-jsx-scope": "off",
    "react/jsx-uses-react": "off",
    "import/order": [
      "error",
      {
        "pathGroups": [
          {
            "pattern": "@components/**",
            "group": "internal"
          },
          {
            "pattern": "@styles/**",
            "group": "internal"
          },
          {
            "pattern": "@utils/**",
            "group": "internal"
          },
          {
            "pattern": "@assets/**",
            "group": "internal"
          },
          {
            "pattern": "@vercel/**",
            "group": "external"
          }
        ],
        "pathGroupsExcludedImportTypes": ["internal"],
        "newlines-between": "always",
        "warnOnUnassignedImports": true,
        "groups": ["builtin", "external", "internal", "index", "parent", "sibling", "type"]
      }
    ]
  }
}