.eslintrc.json

{
  "extends": [
    "next/core-web-vitals"
  ],
  "plugins": [
    "simple-import-sort"
  ],
  "rules": {
    "simple-import-sort/imports": "error",
    "simple-import-sort/exports": "error"
  },
  "overrides": [
    {
      "files": [
        "**/*.js",
        "**/*.ts",
        "**/*.tsx"
      ],
      "rules": {
        "simple-import-sort/imports": [
          "error",
          {
            "groups": [
              // `react` first, `next` second, then packages starting with a character
              [
                "^react$",
                "^next",
                "^[a-z]"
              ],
              // Packages starting with `@`
              [
                "^@"
              ],
              // Internal packages starting with `@app`
              [
                "^@app"
              ],
              // Packages starting with `~`
              [
                "^~"
              ],
              // Imports starting with `../`
              [
                "^\\.\\.(?!/?$)",
                "^\\.\\./?$"
              ],
              // Imports starting with `./`
              [
                "^\\./(?=.*/)(?!/?$)",
                "^\\.(?!/?$)",
                "^\\./?$"
              ],
              // Style imports
              [
                "^.+\\.s?css$"
              ],
              // Side effect imports
              [
                "^\\u0000"
              ]
            ]
          }
        ]
      }
    }
  ]
}