fix(deps): update nextjs monorepo to v16 (major) (#4239)

* fix(deps): update nextjs monorepo to v16

* Update build script to include webpack

* Try again

* Fix lint

* Go

* Run in band'

* Fixes

* ..

* Fix

* Lets go

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Arda TANRIKULU <[email protected]>

Author: renovate[bot]

examples/file-upload-nextjs-pothos/package.json

@@ -13,15 +13,15 @@
     "@pothos/core": "4.10.0",
     "graphql": "16.12.0",
     "graphql-yoga": "workspace:*",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@whatwg-node/fetch": "^0.10.1",
     "eslint": "9.39.0",
-    "eslint-config-next": "15.5.6",
+    "eslint-config-next": "16.0.1",
     "typescript": "5.9.3"
   }
 }

examples/nextjs-app/__integration-tests__/nextjs-app.spec.ts

@@ -1,26 +1,35 @@
+import path from 'node:path';
 import { version } from 'graphql';
+import { rimrafSync } from 'rimraf';
 import { fetch } from '@whatwg-node/fetch';
 import { getAvailablePort, Proc, spawn, waitForAvailable } from './utils';
 
 jest.setTimeout(33_000);
 
+const nodeMajorVersion = parseInt(process.version.split('.')[0].replace('v', ''), 10);
+
 describe('nextjs 13 App Router', () => {
-  if (version.startsWith('15.')) {
-    it.skip('skips for v15', () => {});
+  if (version.startsWith('15.') || nodeMajorVersion < 20) {
+    it.skip('skips', () => {});
     return;
   }
   let port: number;
   let serverProcess: Proc;
   beforeAll(async () => {
+    rimrafSync(path.join(__dirname, '..', '.next'));
     const signal = AbortSignal.timeout(30_000);
     port = await getAvailablePort();
     serverProcess = await spawn('pnpm', ['dev'], {
       signal,
       env: { PORT: String(port) },
+      cwd: path.join(__dirname, '..'),
     });
     await waitForAvailable(port, { signal });
   });
-  afterAll(() => serverProcess?.kill());
+  afterAll(() => {
+    rimrafSync(path.join(__dirname, '..', '.next'));
+    return serverProcess?.kill();
+  });
 
   it('should show GraphiQL', async () => {
     const response = await fetch(`http://127.0.0.1:${port}/api/graphql`, {

examples/nextjs-app/__integration-tests__/utils.ts

@@ -13,12 +13,16 @@ export interface Proc {
 export function spawn(
   cmd: string,
   args: string[],
-  { signal, env }: { signal: AbortSignal; env?: Record<string, string> },
+  {
+    signal,
+    env,
+    cwd = path.join(module.path, '..'),
+  }: { signal: AbortSignal; env?: Record<string, string>; cwd: string },
 ): Promise<Proc> {
   const proc = cp.spawn(cmd, args, {
     // ignore stdin because we're not feeding the process anything, pipe stdout and stderr
     stdio: ['ignore', 'pipe', 'pipe'],
-    cwd: path.join(module.path, '..'),
+    cwd,
     signal,
     env: {
       // @ts-ignore this runs inside jest so process is always available

examples/nextjs-app/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/app/api-reference/config/typescript for more information.

examples/nextjs-app/package.json

@@ -15,10 +15,10 @@
     "@types/react-dom": "19.2.2",
     "autoprefixer": "10.4.21",
     "eslint": "9.39.0",
-    "eslint-config-next": "15.5.6",
+    "eslint-config-next": "16.0.1",
     "graphql": "16.12.0",
     "graphql-yoga": "workspace:*",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "postcss": "8.5.6",
     "react": "19.2.0",
     "react-dom": "19.2.0",

examples/nextjs-app/tsconfig.json

@@ -12,7 +12,7 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -23,6 +23,13 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    ".next/dev/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }

examples/nextjs-auth/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "graphql": "16.12.0",
     "graphql-yoga": "workspace:*",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "next-auth": "4.24.13",
     "react": "19.2.0",
     "react-dom": "19.2.0",
@@ -21,7 +21,7 @@
   "devDependencies": {
     "@types/react": "19.2.2",
     "eslint": "9.39.0",
-    "eslint-config-next": "15.5.6",
+    "eslint-config-next": "16.0.1",
     "typescript": "5.9.3"
   }
 }

examples/nextjs-legacy-pages/__integration-tests__/nextjs-legacy.spec.ts

@@ -1,3 +1,5 @@
+import path from 'node:path';
+import { rimrafSync } from 'rimraf';
 import { fetch } from '@whatwg-node/fetch';
 import {
   getAvailablePort,
@@ -7,20 +9,30 @@ import {
 } from '../../nextjs-app/__integration-tests__/utils';
 
 jest.setTimeout(33_000);
+const nodeMajorVersion = parseInt(process.version.split('.')[0].replace('v', ''), 10);
 
 describe('NextJS Legacy Pages', () => {
+  if (nodeMajorVersion < 20) {
+    it.skip('skips', () => {});
+    return;
+  }
   let port: number;
   let serverProcess: Proc;
   beforeAll(async () => {
+    rimrafSync(path.join(__dirname, '..', '.next'));
     const signal = AbortSignal.timeout(30_000);
     port = await getAvailablePort();
     serverProcess = await spawn('pnpm', ['dev'], {
       signal,
       env: { PORT: String(port) },
+      cwd: path.join(__dirname, '..'),
     });
     await waitForAvailable(port, { signal });
   });
-  afterAll(() => serverProcess.kill());
+  afterAll(() => {
+    rimrafSync(path.join(__dirname, '..', '.next'));
+    return serverProcess?.kill();
+  });
 
   it('should show GraphiQL', async () => {
     const response = await fetch(`http://127.0.0.1:${port}/api/graphql`, {
@@ -29,8 +41,8 @@ describe('NextJS Legacy Pages', () => {
       },
     });
 
-    expect(response.ok).toBe(true);
     expect(await response.text()).toContain('<title>Yoga GraphiQL</title>');
+    expect(response.ok).toBe(true);
   });
 
   it('should run basic query', async () => {
@@ -46,8 +58,6 @@ describe('NextJS Legacy Pages', () => {
       }),
     });
 
-    expect(response.ok).toBe(true);
-
     expect({
       ...Object.fromEntries(response.headers.entries()),
       date: null,
@@ -60,5 +70,7 @@ describe('NextJS Legacy Pages', () => {
 
     expect(json.errors).toBeFalsy();
     expect(json.data?.greetings).toBe('This is the `greetings` field of the root `Query` type');
+
+    expect(response.ok).toBe(true);
   });
 });

examples/nextjs-legacy-pages/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/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

examples/nextjs-legacy-pages/package.json

@@ -14,7 +14,7 @@
     "@types/react": "19.2.2",
     "graphql": "16.12.0",
     "graphql-yoga": "workspace:*",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "tslib": "2.8.1"
@@ -24,7 +24,7 @@
     "@types/react": "19.2.2",
     "esbuild": "0.25.12",
     "eslint": "9.39.0",
-    "eslint-config-next": "15.5.6",
+    "eslint-config-next": "16.0.1",
     "typescript": "5.9.3"
   }
 }