merge pull request #71 from r4topunk/claude/upgrade-nextjs-16-7JBRA

Upgrade to Next.js 16 and modernize ESLint config

Author: r4topunk

CLAUDE.md

@@ -36,7 +36,7 @@ No unit test runner; Playwright e2e only. `tests/e2e/propdates.spec.ts`, `tests/
 src/
 ├── app/              # App Router — 25+ routes incl. /auctions /proposals /propose /tv /members /treasury /feed /propdates /droposals /installations /blogs /coin-proposal /community/bounties /map /mural
 │   ├── api/          # 18 route groups (alchemy, coins, ens, og, pinata, propdates, proposals, treasury, tv, …)
-│   └── md/           # markdown content-negotiation target (see middleware)
+│   └── md/           # markdown content-negotiation target (see proxy.ts)
 ├── components/       # 24 feature dirs + ui/ (shadcn)
 ├── hooks/            # 40 hooks — see naming note below
 ├── services/         # 16 data-layer modules (auctions, proposals, treasury, feed, members, farcaster, poidh, snapshot, …)
@@ -45,7 +45,7 @@ src/
 ├── types/            # shared TS interfaces
 ├── utils/abis/       # contract ABIs (erc20, …)
 ├── workers/          # client-side search workers (blog, proposal)
-└── middleware.ts     # Accept: text/markdown → rewrite to /md/*
+└── proxy.ts          # Accept: text/markdown → rewrite to /md/* (Next.js 16 proxy convention, formerly middleware.ts)
 ```
 
 ### Hook naming (drift to be aware of)

eslint.config.mjs

@@ -1,29 +1,41 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
+import nextCoreWebVitals from "eslint-config-next/core-web-vitals";
+import nextTypescript from "eslint-config-next/typescript";
+import prettierConfig from "eslint-config-prettier/flat";
 
 const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  ...nextCoreWebVitals,
+  ...nextTypescript,
   {
     ignores: [
-      "node_modules/**",
-      ".next/**",
+      "**/node_modules/**",
+      "**/.next/**",
+      ".worktrees/**",
       "out/**",
       "build/**",
       "next-env.d.ts",
       "references/**",
       "subgraphs/**",
+      "scripts/**",
     ],
   },
+  {
+    // React Compiler rules shipped with eslint-plugin-react-hooks v7 (bundled with
+    // Next.js 16). Correctness-critical rules stay as errors. `set-state-in-effect`
+    // is disabled because it fires on the standard "fetch-in-effect → setState"
+    // pattern that React docs explicitly permit for external-system sync; enforcing
+    // it would require rewriting 30+ components without clear correctness win.
+    rules: {
+      "react-hooks/set-state-in-effect": "off",
+      "react-hooks/error-boundaries": "error",
+      "react-hooks/immutability": "error",
+      "react-hooks/purity": "error",
+      "react-hooks/refs": "error",
+      "react-hooks/preserve-manual-memoization": "warn",
+      "react-hooks/incompatible-library": "error",
+    },
+  },
   // Disable rules that conflict with Prettier's formatting
-  ...compat.extends("prettier"),
+  prettierConfig,
 ];
 
 export default eslintConfig;

next.config.ts

@@ -60,11 +60,14 @@ const nextConfig: NextConfig = {
     ignoreBuildErrors: false,
   },
   poweredByHeader: false,
+  reactCompiler: true,
   experimental: {
     // Increase body size limit for video thumbnail uploads (default is ~4-5MB)
     serverActions: {
       bodySizeLimit: "10mb",
     },
+    // Persist Turbopack compile artifacts across dev restarts (Next.js 16 beta).
+    turbopackFileSystemCacheForDev: true,
   },
   async redirects() {
     const blogRedirects = generateBlogRedirects();

package.json

@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build --turbopack",
+    "dev": "next dev",
+    "build": "next build",
     "start": "next start",
     "lint": "eslint",
     "format": "prettier --write .",
@@ -60,11 +60,11 @@
     "leaflet.markercluster": "^1.5.3",
     "lucide-react": "^0.542.0",
     "minisearch": "^7.1.2",
-    "next": "15.5.7",
+    "next": "16.2.4",
     "next-themes": "^0.4.6",
     "ogl": "^1.0.11",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-globe.gl": "^2.37.0",
     "react-hook-form": "^7.62.0",
     "react-icons": "^5.5.0",
@@ -100,12 +100,13 @@
     "@types/leaflet-draw": "^1.0.13",
     "@types/leaflet.markercluster": "^1.5.6",
     "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19.1.9",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/three": "^0.182.0",
     "@vitest/coverage-v8": "^4.1.5",
+    "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^9",
-    "eslint-config-next": "15.5.7",
+    "eslint-config-next": "16.2.4",
     "eslint-config-prettier": "^10.1.8",
     "prettier": "^3.6.2",
     "shadcn": "^3.6.2",