Next.js + Prettier

.eslintrc.js

module.exports = {
  extends: ['next/core-web-vitals', 'plugin:prettier/recommended'
  ],
  rules: {
    'prettier/prettier': ['error', {}, { usePrettierrc: true }]
  }
};

.prettierrc

{
  "semi": true,
  "tabWidth": 2,
  "printWidth": 100,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSameLine": false
}

npx create-next-app nextjs-app

rm .eslintrc.json

wget https://gist.githubusercontent.com/skydiver/cb26d42e9e3a0e52ddb7ddb2be79d26e/raw/.eslintrc.js && wget https://gist.githubusercontent.com/skydiver/cb26d42e9e3a0e52ddb7ddb2be79d26e/raw/.prettierrc

mkdir .vscode &&
wget -O .vscode/settings.json https://gist.githubusercontent.com/skydiver/ed79457bfa77f747851f937c14ff75ea/raw/settings.json

npm install --save-dev eslint-plugin-prettier eslint-config-prettier