Migrate to Next.js 16

apps/api/next.config.mjs

@@ -26,10 +26,7 @@ dotenv.config({
 
 /** @type {import('next').NextConfig} */
 const config = {
-  experimental: {
-    serverComponentsExternalPackages: ['sharp', 'onnxruntime-node'],
-    instrumentationHook: true,
-  },
+  serverExternalPackages: ['sharp', 'onnxruntime-node'],
   webpack: (cfg) => {
     // In e2e mode, swap the real TipTap client for an in-process mock
     // so the API server never makes HTTP calls to TipTap Cloud.

apps/api/package.json

@@ -5,10 +5,10 @@
   "license": "SEE LICENSE in /LICENSE",
   "type": "module",
   "scripts": {
-    "build": "next build",
-    "build:prod": "cd ../../services/db &&  pnpm run migrate && cd ../../apps/api && next build",
-    "dev": "next dev -p 3300",
-    "dev:e2e": "next dev -p 4300",
+    "build": "next build --webpack",
+    "build:prod": "cd ../../services/db &&  pnpm run migrate && cd ../../apps/api && next build --webpack",
+    "dev": "next dev -p 3300 --webpack",
+    "dev:e2e": "next dev -p 4300 --webpack",
     "format:check": "prettier --log-level=warn --check \"**/*.{ts,tsx}\" \"!.next\"",
     "start": "next start",
     "typecheck": "tsgo --noEmit"
@@ -23,8 +23,8 @@
     "@trpc/server": "11.6.0",
     "dotenv": "^16.4.7",
     "next": "catalog:",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "zod": "catalog:"
   },
   "devDependencies": {

apps/app/next.config.mjs

@@ -50,11 +50,7 @@ const config = {
   images: {
     minimumCacheTTL: 31536000, // 1 year — assets are content-addressed
   },
-  experimental: {
-    // reactCompiler: true,
-    serverComponentsExternalPackages: ['sharp', 'onnxruntime-node'],
-    instrumentationHook: true,
-  },
+  serverExternalPackages: ['sharp', 'onnxruntime-node'],
 
   webpack: (cfg, { isServer }) => {
     // In e2e mode, swap the real TipTap client for an in-process mock

apps/app/package.json

@@ -5,10 +5,10 @@
   "license": "SEE LICENSE in /LICENSE",
   "type": "module",
   "scripts": {
-    "build": "next build",
+    "build": "next build --webpack",
     "check:i18n": "tsx scripts/check-missing-intl-keys.ts",
-    "dev": "next dev -p 3100",
-    "dev:e2e": "NEXT_PUBLIC_APP_PORT=4100 NEXT_PUBLIC_API_PORT=4300 next dev -p 4100",
+    "dev": "next dev -p 3100 --webpack",
+    "dev:e2e": "NEXT_PUBLIC_APP_PORT=4100 NEXT_PUBLIC_API_PORT=4300 next dev -p 4100 --webpack",
     "format:check": "prettier --log-level=warn --check \"**/*.{ts,tsx}\" \"!.next\"",
     "start": "next start -p 3100",
     "typecheck": "tsgo --noEmit"
@@ -18,7 +18,7 @@
     "@hocuspocus/transformer": "^3.4.3",
     "@internationalized/date": "^3.8.2",
     "@mailchimp/mailchimp_marketing": "^3.0.80",
-    "@next/bundle-analyzer": "^15.3.0",
+    "@next/bundle-analyzer": "^16.0.0",
     "@op/analytics": "workspace:^",
     "@op/api": "workspace:*",
     "@op/cache": "workspace:*",
@@ -83,13 +83,13 @@
     "he": "^1.2.0",
     "immer": "^10.1.1",
     "next": "catalog:",
-    "next-intl": "^4.1.0",
+    "next-intl": "^4.8.3",
     "nuqs": "^2.8.5",
     "posthog-js": "^1.236.4",
     "posthog-node": "^4.13.0",
-    "react": "^19.0.1",
+    "react": "^19.2.0",
     "react-aria-carousel": "^0.2.0",
-    "react-dom": "^19.0.1",
+    "react-dom": "^19.2.0",
     "react-error-boundary": "^6.0.0",
     "react-icons": "^5.5.0",
     "sonner": "^1.7.1",
@@ -109,7 +109,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/he": "^1.2.3",
     "@types/json-schema": "^7.0.15",
-    "@types/react": "19.0.10",
+    "@types/react": "19.2.14",
     "@types/testing-library__user-event": "^4.2.0",
     "postcss": "^8.5.3",
     "tailwindcss": "4.1.18",

apps/app/src/middleware.ts → apps/app/src/proxy.ts

@@ -12,7 +12,7 @@ import { i18nConfig, routing } from './lib/i18n';
 
 const useUrl = OPURLConfig('APP');
 
-export async function middleware(request: NextRequest, event: NextFetchEvent) {
+export async function proxy(request: NextRequest, event: NextFetchEvent) {
   // Log request
   logger.info(...transformMiddlewareRequest(request));
 

packages/hooks/package.json

@@ -20,7 +20,7 @@
     "@op/supabase": "workspace:*",
     "@tanstack/react-query": "5.66.11",
     "js-cookie": "^3.0.5",
-    "next-intl": "^4.1.0",
+    "next-intl": "^4.8.3",
     "react": "^19.0.1",
     "use-debounce": "^10.0.4"
   },

pnpm-workspace.yaml

@@ -8,7 +8,7 @@ packages:
   - 'tools/*'
   - 'tests/*'
 catalog:
-  next: 15.3.8
+  next: 16.1.6
   '@rjsf/core': ^5.24.12
   '@rjsf/utils': ^5.24.12
   '@rjsf/validator-ajv8': ^5.24.12