feat: implement husky and lint-stage

.eslintignore

@@ -0,0 +1,3 @@
+build
+node_modules
+.github

.husky/commit-msg

@@ -0,0 +1,12 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+#!/bin/sh
+if ! head -1 "$1" | grep -qE "^(feat|fix|chore|docs|test|style|refactor|perf|build|ci|revert)(\(.+?\))?: .{1,}$"; then
+    echo "Aborting commit. Your commit message is invalid." >&2
+    exit 1
+fi
+if ! head -1 "$1" | grep -qE "^.{1,88}$"; then
+    echo "Aborting commit. Your commit message is too long." >&2
+    exit 1
+fi

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn lint-staged

.lintstagedrc.json

@@ -0,0 +1,3 @@
+{
+  "*.(js|jsx|ts|tsx)": "eslint --fix"
+}

.prettierignore

@@ -0,0 +1,3 @@
+build
+node_modules
+.github

package.json

@@ -6,12 +6,14 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "prepare": "husky install"
   },
   "dependencies": {
     "next": "12.1.5",
     "react": "18.0.0",
-    "react-dom": "18.0.0"
+    "react-dom": "18.0.0",
+    "classnames": "^2.3.1"
   },
   "devDependencies": {
     "@types/node": "17.0.24",
@@ -23,8 +25,21 @@
     "eslint-config-next": "12.1.5",
     "eslint-config-prettier": "^8.5.0",
     "postcss": "^8.4.12",
+    "husky": "^7.0.0",
+    "lint-staged": "^12.1.2",
     "prettier": "^2.6.2",
     "tailwindcss": "^3.0.24",
     "typescript": "4.6.3"
+  },
+  "lint-staged": {
+    "*.{js,ts,tsx}": [
+      "eslint --quiet --fix"
+    ],
+    "./src/**/*.{js,ts,jsx,tsx}": [
+      "prettier --write"
+    ],
+    "./src/components/**/*.{js,ts,jsx,tsx}": [
+      "prettier --write"
+    ]
   }
 }

src/pages/index.tsx

@@ -10,6 +10,8 @@ const Home: NextPage = () => {
         <link rel="icon" href="/favicon.ico" />
       </Head>
     </>
+
+
   );
 };