Eslint quick setup for nextjs projects with prettier and most recommended rules for react and ES6
MIT License
eslint-quicksetup
is an Eslint configuration for Nextjs selected by me, after getting tired of copying my preferred eslint rules each new project I decided to just group them as a package and maintain them better.
You can install eslint-quicksetup
using your preferred package manager:
npm install -D @estarossa/eslint-quicksetup
or
yarn add -D @estarossa/eslint-quicksetup
or
pnpm add -D @estarossa/eslint-quicksetup
Create a file named .eslintrc.js
in your root folder and copy the following configuration.
// @ts-check
/** @type {import("eslint").Linter.Config} */
module.exports = {
extends: [require.resolve('@estarossa/eslint-quicksetup/config')],
parserOptions: {
project: './tsconfig.json',
},
};
eslint-quicksetup
can be seamlessly integrated with Vscode, Although you may need to setup its settings:
Create a folder names .vscode
in your workspace root.
Create a file inside it named settings.json
Paste the following settings:
{
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[javascriptreact]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescriptreact]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
}
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
eslint-quicksetup
is licensed under the MIT License.
Happy coding!