feat: configure husky and lint-staged (#18)

* feat: configure husky and lint-staged

* chore: update config

* chore: test

* fix: ci workflow

Author: stabldev

.github/workflows/ci.yml

@@ -11,21 +11,19 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [20.x, 24.x]
     name: Build on v${{ matrix.node-version }}
     steps:
       - uses: actions/checkout@v4
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
-        with:
-          version: latest
 
       - name: Setup Node.js v${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: pnpm
+          cache: 'pnpm'
 
       - run: pnpm install --frozen-lockfile
       - run: pnpm build

.husky/pre-commit

@@ -0,0 +1 @@
+pnpm pre-commit

.lintstagedrc.json

@@ -0,0 +1,4 @@
+{
+  "**/*.{js,jsx,ts,tsx}": ["prettier --write", "eslint --fix"],
+  "**/*.{json,css,md}": ["prettier --write"]
+}

.prettierignore

@@ -0,0 +1,8 @@
+.next
+.cache
+package-lock.json
+public
+node_modules
+next-env.d.ts
+next.config.ts
+yarn.lock

package.json

@@ -7,8 +7,12 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "format": "prettier --write .",
-    "typecheck": "tsc --noEmit"
+    "lint:fix": "next lint --fix",
+    "lint:strict": "next lint '*/**/*.{js,jsx,ts,tsx}'",
+    "format": "prettier --write */**/*.{js,jsx,json,ts,tsx,scss,css,md}",
+    "typecheck": "tsc --noEmit",
+    "prepare": "husky",
+    "pre-commit": "lint-staged"
   },
   "dependencies": {
     "@radix-ui/react-avatar": "^1.1.10",
@@ -34,6 +38,8 @@
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.3.3",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.0",
     "prettier": "^3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
     "prettier-plugin-tailwindcss": "^0.6.12",
@@ -43,6 +49,6 @@
   },
   "packageManager": "pnpm@10.12.1",
   "engines": {
-    "node": ">=18"
+    "node": ">=20"
   }
 }