add husky pre-commit hooks setup

Author: Juliette Hoisnard

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

webapp/.husky/pre-commit

@@ -1,5 +1,14 @@
 This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
 
+
+## Git Hooks Setup (Monorepo Configuration)
+
+In this monorepo setup, `.git` is at the root of the repository while the webapp package is in a subfolder. The git hooks are automatically set up when you run `npm install`:
+
+- The `postinstall` script in `package.json` runs `scripts/setup-hooks.js`
+- This script automatically creates `.git/hooks/pre-commit` with the command: `cd webapp && npx lint-staged`
+- Each colleague who clones the repo and runs `npm install` will automatically have the hooks configured
+
 ## Getting Started
 
 First, run the development server:

webapp/README.md

@@ -1,14 +1,14 @@
 import { Geist, Geist_Mono } from 'next/font/google'
 
-// import type { Metadata } from 'next'
+import type { Metadata } from 'next'
 import './globals.css'
 
-// import { Navbar } from '@/components/Navbar'
+import { Navbar } from '@/components/Navbar'
 
-// const geistSans = Geist({
-// 	variable: '--font-geist-sans',
-// 	subsets: ['latin']
-// })
+const geistSans = Geist({
+	variable: '--font-geist-sans',
+	subsets: ['latin']
+})
 
 const geistMono = Geist_Mono({
 	variable: '--font-geist-mono',

webapp/app/layout.tsx

@@ -122,7 +122,8 @@ const config = [
 			'build/**',
 			'next-env.d.ts',
 			'postcss.config.mjs',
-			'eslint.config.mjs'
+			'eslint.config.mjs',
+			'scripts/setup-hooks.js'
 		]
 	}
 ]

webapp/eslint.config.mjs

@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "eslint",
-    "prepare": "husky"
+    "postinstall": "node scripts/setup-hooks.js"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",

webapp/package-lock.json

@@ -0,0 +1,37 @@
+#!/usr/bin/env node
+
+/**
+ * Setup git hooks for monorepo configuration
+ * This script runs after npm install and sets up the pre-commit hook
+ * in .git/hooks (at the root) to run lint-staged from the webapp folder
+ */
+
+const fs = require('fs')
+const path = require('path')
+
+// Find the .git directory (should be at repo root)
+let gitDir = path.resolve(__dirname, '../../.git')
+
+if (!fs.existsSync(gitDir)) {
+	console.warn('⚠️  .git directory not found. Skipping git hooks setup.')
+	process.exit(0)
+}
+
+const hooksDir = path.join(gitDir, 'hooks')
+const preCommitPath = path.join(hooksDir, 'pre-commit')
+
+// Create hooks directory if it doesn't exist
+if (!fs.existsSync(hooksDir)) {
+	fs.mkdirSync(hooksDir, { recursive: true })
+}
+
+// Git hook content
+const hookContent = `#!/bin/sh
+cd webapp && npx lint-staged
+`
+
+// Write the pre-commit hook
+fs.writeFileSync(preCommitPath, hookContent, { mode: 0o755 })
+
+console.log('✅ Git hooks setup successfully!')
+console.log(`   Pre-commit hook created at: ${preCommitPath}`)

webapp/package.json

@@ -31,5 +31,5 @@
 		"**/*.mts",
 		"i18n/i18next.ts"
 	],
-	"exclude": ["node_modules", "postcss.config.mjs", "eslint.config.mjs"]
+	"exclude": ["node_modules", "postcss.config.mjs", "eslint.config.mjs", "scripts/setup-hooks.js"]
 }