Add eslint and Prettier

.eslintignore

@@ -0,0 +1,5 @@
+node_modules
+coverage
+build
+.next
+.serverless

.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["airbnb", "prettier"],
+  "plugins": ["prettier", "react-hooks"],
+  "rules": {
+    "prettier/prettier": "error",
+    "react/jsx-filename-extension": 0,
+    "react/jsx-one-expression-per-line": 0,
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  },
+  "parserOptions": {
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "env": {
+    "es6": true
+  }
+}

.prettierignore

@@ -0,0 +1,5 @@
+node_modules
+coverage
+build
+.next
+.serverless

.prettierrc.json

@@ -0,0 +1,9 @@
+{
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

package.json

@@ -5,11 +5,25 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "format": "prettier \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
+    "format:fix": "yarn run format --write",
+    "lint": "eslint \"**/*.{js,jsx}\""
   },
   "dependencies": {
     "next": "^9.1.4",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
+  },
+  "devDependencies": {
+    "eslint": "^6.7.2",
+    "eslint-config-airbnb": "^18.0.1",
+    "eslint-config-prettier": "^6.7.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-react": "^7.17.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "prettier": "^1.19.1"
   }
 }

pages/index.js

@@ -1,7 +1,9 @@
+import React from 'react'
+
 const Index = () => (
   <div>
     <p>Hello Next.js</p>
   </div>
-);
+)
 
-export default Index;
+export default Index