Add Dev MCP setup

.gitignore

@@ -48,6 +48,7 @@ coverage/
 *.test-cache/
 *.test-data/
 .env.test
+.env
 .env.local
 .env.*.local
 

.mcp.json

@@ -0,0 +1,16 @@
+{
+  "mcpServers": {
+    "next-devtools": {
+      "command": "npx",
+      "args": ["-y", "next-devtools-mcp@latest"]
+    },
+    "chrome-devtools": {
+      "command": "npx",
+      "args": ["-y", "chrome-devtools-mcp@latest"],
+      "env": {
+        "CHROME_DEBUGGING_HOST": "127.0.0.1",
+        "CHROME_DEBUGGING_PORT": "9222"
+      }
+    }
+  }
+}

package.json

@@ -6,7 +6,7 @@
     "node": ">=18.17 <23"
   },
   "scripts": {
-    "dev": "next dev --turbo",
+    "dev": "bash scripts/Dev-MCP-Server.sh && next dev --turbo",
     "prebuild": "tsx scripts/generate-content.ts && node scripts/build-contentlayer.mjs",
     "build": "next build",
     "build:static": "npm run prebuild && next build",

scripts/Dev-MCP-Server.sh

@@ -0,0 +1,41 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+MCP_PROFILE="/tmp/chrome-mcp-profile"
+CHROME_PORT=9222
+LOG_DIR=".dev-logs"
+
+mkdir -p "$LOG_DIR"
+
+if curl -sf "http://127.0.0.1:$CHROME_PORT/json/version" >/dev/null; then
+  echo "[MCP] Chrome DevTools already running on port $CHROME_PORT, skipping launch."
+else
+  echo "[MCP] Cleaning stale Chrome processes..."
+  pkill -f "$MCP_PROFILE" || true
+
+  echo "[MCP] Starting Chrome (remote debugging)..."
+  /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
+    --remote-debugging-port=$CHROME_PORT \
+    --user-data-dir=$MCP_PROFILE \
+    --disable-extensions \
+    --disable-background-networking \
+    > "$LOG_DIR/chrome.log" 2>&1 &
+
+  echo "[MCP] Waiting for Chrome DevTools endpoint..."
+  for i in {1..20}; do
+    if curl -sf "http://127.0.0.1:$CHROME_PORT/json/version" >/dev/null; then
+      echo "[MCP] Chrome is ready."
+      break
+    fi
+    sleep 0.5
+  done
+fi
+
+echo "[MCP] Chrome DevTools ready on port $CHROME_PORT"
+
+echo "[MCP] (Optional) Pre-warming chrome-devtools-mcp..."
+npx -y chrome-devtools-mcp@latest \
+  --browser-url="http://127.0.0.1:$CHROME_PORT" \
+  > "$LOG_DIR/chrome-mcp.log" 2>&1 &
+
+echo "[MCP] Done. You can now run: npm run dev"