title: next.js Setting up ESLint for NextJs
body: <p>I have created basic next.js app using "npx create-next-app" and .eslintrc.json file created to add eslint rules.but it's not working.how to add linting rules to nextjs config</p>
  
  <pre><code>{
      "env": {
          "browser": true,
          "es6": true
      },
      "extends": [
          "standard"
      ],
      "globals": {
          "Atomics": "readonly",
          "SharedArrayBuffer": "readonly",
          "React": "writable"
      },
      "parserOptions": {
          "ecmaFeatures": {
              "jsx": true
          },
          "ecmaVersion": 2018,
          "sourceType": "module"
      },
      "plugins": [
          "react"
      ],
      "rules": {
          "react/react-in-jsx-scope": "off"
      }
  }
  </code></pre>
  
  <p>I have tried this solution - <a href="https://medium.com/@joelmasters/setting-up-eslint-for-nextjs-37163d4cabaa" rel="noreferrer">https://medium.com/@joelmasters/setting-up-eslint-for-nextjs-37163d4cabaa</a></p>