.eslintrc.json

{
    "plugins": ["@typescript-eslint", "simple-import-sort"],
    "extends": ["eslint:recommended", "next/core-web-vitals", "plugin:@typescript-eslint/recommended", "prettier"],
    "parserOptions": {
        "project": ["./tsconfig.json"]
    },
    "ignorePatterns": ["src/generated"],
    "rules": {
        // Sort imports
        "simple-import-sort/imports": [
            "error",
            {
                "groups": [
                    // Packages that are used in almost all files.
                    ["^react$", "^react\\u0000$", "^styled-components", "^next"],
                    // All other packages.
                    ["^@?\\w"],
                    // Absolute imports and other imports such as Vue-style `@/foo`.
                    // Anything not matched in another group.
                    ["^"],
                    // Side effect imports.
                    ["^\\u0000"]
                ]
            }
        ],
        "simple-import-sort/exports": "error",
        // TypeScript rules
        "@typescript-eslint/no-unused-vars": "error",
        "@typescript-eslint/no-empty-interface": [
            "error",
            {
                "allowSingleExtends": true
            }
        ],
        "@typescript-eslint/consistent-type-imports": [
            "error",
            {
                "fixStyle": "inline-type-imports"
            }
        ],
        "@typescript-eslint/consistent-type-exports": "error"
    }
}