⬆️(front) upgrade Next.js 15 to 16

Signed-off-by: Laurent Paoletti <lp@providenz.fr>

Author: providenz

CHANGELOG.md

@@ -13,6 +13,10 @@ and this project adheres to
 - ✨(back) add projects with custom LLM instructions
 - ✨(front) projects management UI
 
+### Changed
+
+- ⬆️(front) upgrade Next.js 15 to 16
+
 ## [0.0.14] - 2026-03-11
 
 ### Added

src/frontend/apps/conversations/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

src/frontend/apps/conversations/next.config.js

@@ -1,7 +1,5 @@
 const crypto = require('crypto');
 
-const { InjectManifest } = require('workbox-webpack-plugin');
-
 const buildId = crypto.randomBytes(256).toString('hex').slice(0, 8);
 
 /** @type {import('next').NextConfig} */
@@ -12,44 +10,22 @@ const nextConfig = {
     unoptimized: true,
   },
   compiler: {
-    // Enables the styled-components SWC transform
     styledComponents: true,
   },
   generateBuildId: () => buildId,
   env: {
     NEXT_PUBLIC_BUILD_ID: buildId,
   },
-  webpack(config, { isServer }) {
-    // Grab the existing rule that handles SVG imports
-    const fileLoaderRule = config.module.rules.find((rule) =>
-      rule.test?.test?.('.svg'),
-    );
-
-    config.module.rules.push(
-      // Reapply the existing rule, but only for svg imports ending in ?url
-      {
-        ...fileLoaderRule,
-        test: /\.svg$/i,
-        resourceQuery: /url/, // *.svg?url
-      },
-      // Convert all other *.svg imports to React components
-      {
-        test: /\.svg$/i,
-        issuer: fileLoaderRule.issuer,
-        resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
-        use: ['@svgr/webpack'],
+  turbopack: {
+    rules: {
+      '*.svg': {
+        loaders: ['@svgr/webpack'],
+        as: '*.js',
       },
-    );
-
-    // Modify the file loader rule to ignore *.svg, since we have it handled now.
-    fileLoaderRule.exclude = /\.svg$/i;
-
-    // Formula rendering in markdown, replace dollar-sign with \(...\) and \[...\]
-    // https://github.com/remarkjs/remark-math/issues/39#issuecomment-2636184992
-    config.resolve.alias['micromark-extension-math'] =
-      'micromark-extension-llm-math';
-
-    return config;
+    },
+    resolveAlias: {
+      'micromark-extension-math': 'micromark-extension-llm-math',
+    },
   },
 };
 

src/frontend/apps/conversations/package.json

@@ -37,11 +37,11 @@
     "lottie-react": "^2.4.1",
     "luxon": "3.6.1",
     "micromark-extension-llm-math": "3.1.1-20250610",
-    "next": "15.3.9",
+    "next": "16.2.0",
     "posthog-js": "1.249.3",
-    "react": "19.2.1",
+    "react": "19.2.4",
     "react-aria-components": "1.9.0",
-    "react-dom": "19.2.1",
+    "react-dom": "19.2.4",
     "react-i18next": "15.5.2",
     "react-intersection-observer": "9.16.0",
     "react-markdown": "10.1.0",
@@ -65,22 +65,23 @@
     "@types/lodash": "4.17.17",
     "@types/luxon": "3.6.2",
     "@types/node": "*",
-    "@types/react": "*",
-    "@types/react-dom": "*",
-    "cross-env": "7.0.3",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "dotenv": "16.5.0",
+    "eslint": "^9",
     "eslint-config-conversations": "*",
+    "eslint-config-next": "16.2.0",
     "fetch-mock": "9.11.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "node-fetch": "2.7.0",
     "prettier": "3.5.3",
-    "sass": "^1.97.3",
     "stylelint": "16.20.0",
     "stylelint-config-standard": "38.0.0",
     "stylelint-prettier": "5.0.3",
-    "typescript": "*",
-    "webpack": "5.99.9",
-    "workbox-webpack-plugin": "7.1.0"
+    "typescript": "*"
+  },
+  "resolutions": {
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3"
   }
 }

src/frontend/apps/conversations/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,15 +15,17 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
   "include": [
@@ -29,5 +35,7 @@
     "**/*.tsx",
     ".next/types/**/*.ts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }

src/frontend/apps/e2e/package.json

@@ -12,14 +12,10 @@
     "test:ui::chromium": "yarn test:ui --project=chromium"
   },
   "devDependencies": {
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.56.0",
     "@types/node": "*",
-    "@types/pdf-parse": "1.1.5",
     "eslint-config-conversations": "*",
     "typescript": "*"
   },
-  "dependencies": {
-    "convert-stream": "1.0.2",
-    "pdf-parse": "1.1.1"
-  }
+  "dependencies": {}
 }

src/frontend/apps/e2e/type/convert-stream.d.ts

@@ -27,13 +27,13 @@
   },
   "resolutions": {
     "@types/node": "22.15.29",
-    "@types/react": "19.1.6",
-    "@types/react-dom": "19.1.6",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "@typescript-eslint/eslint-plugin": "8.33.1",
     "@typescript-eslint/parser": "8.33.1",
     "eslint": "^9.0.0",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
     "typescript": "5.8.3",
     "minimatch": ">=10.2.1"
   }