Gideon's Next.js eslint config

My personal React eslint setup for Next.js projects. Feel free to use it any way you like.

Installation

yarn add -D @gideon/eslint-config-next

Install required peerDependencies:

yarn add -D eslint

Import in package.json:

"eslintConfig": {
  "extends": "@gideon/eslint-config-next"
},

Add lint commands to your package.json:

"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
"lint:fix": "eslint --fix 'src/**/*.{js,jsx,ts,tsx}'"

Add the following to your .vscode/settings.json file:

"editor.codeActionsOnSave": {
  "source.fixAll": true
},

Instead of using package.json, you can also import this config in your .eslintrc.js file. Here you can add or override rules as follows:

module.exports = {
  extends: "@gideon/eslint-config-next",
  rules: {
    "simple-import-sort/exports": "off",
  },
};