add lint configuration with eslint, prettier, lint-staged, husky

Author: Roshan Jossy

.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+out

.eslintrc.json

@@ -1,3 +1,21 @@
 {
-  "extends": "next/core-web-vitals"
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "next",
+    "next/core-web-vitals",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  "plugins": ["@typescript-eslint"]
 }

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+# Disable concurent to run build-types after ESLint in lint-staged
+npx lint-staged --concurrent false

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  printWidth: 80,
+  semi: false,
+  singleQuote: true,
+  tabWidth: 2,
+  useTabs: false,
+}

package.json

@@ -6,7 +6,11 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "relay": "relay-compiler"
+    "relay": "relay-compiler",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "check-types": "tsc --pretty --noEmit",
+    "format": "prettier --write .",
+    "prepare": "husky install"
   },
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
@@ -25,16 +29,39 @@
     "@types/react-relay": "^13.0.1",
     "@types/relay-runtime": "^13.0.1",
     "@types/simple-oauth2": "^4.1.1",
+    "@typescript-eslint/eslint-plugin": "^5.28.0",
+    "@typescript-eslint/parser": "^5.28.0",
     "autoprefixer": "^10.4.2",
     "babel-plugin-relay": "^13.0.2",
-    "eslint": "8.8.0",
+    "eslint": "^8.18.0",
     "eslint-config-next": "12.0.10",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^2.7.1",
+    "eslint-plugin-prettier": "^4.0.0",
     "graphql": "^16.3.0",
+    "husky": "^8.0.0",
+    "lint-staged": "^13.0.2",
     "postcss": "^8.4.6",
+    "prettier": "^2.7.1",
     "relay-compiler": "^13.0.2",
     "relay-compiler-language-typescript": "^15.0.1",
     "relay-config": "^12.0.1",
     "tailwindcss": "^3.0.23",
     "typescript": "4.5.5"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint --fix",
+      "eslint"
+    ],
+    "*.json": [
+      "prettier --write"
+    ]
   }
 }