feat: next.js 16 support (#14456)

This PR:
- updates this monorepo to use Next.js 16. Running our test suites
against Next.js 16 is required to guarantee support.
- updates all peerDependencies to support the latest Next.js canary.

Individual Next.js 16–related fixes were made in separate, smaller PRs
(listed below). As a result, the majority of the changes in this PR are
focused on getting the test suite to pass.

Templates will be updated in a separate PR once Next.js 16.2.0 is
released.

Author: AlessioGr

docs/performance/overview.mdx

@@ -206,11 +206,9 @@ Everything mentioned above applies to local development as well, but there are a
 
 ### Enable Turbopack
 
-<Banner type="warning">
-  **Note:** In the future this will be the default. Use at your own risk.
-</Banner>
+In Next.js 16, turbopack is enabled by default, unless you explicitly disabled it using the `--webpack` flag.
 
-Add `--turbo` to your dev script to significantly speed up your local development server start time.
+In Next.js 15, add `--turbo` to your dev script to significantly speed up your local development server start time.
 
 ```json
 {

next-env.d.ts

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

next.config.mjs

@@ -15,9 +15,6 @@ const config = withBundleAnalyzer(
   withPayload(
     {
       basePath: process.env?.NEXT_BASE_PATH || undefined,
-      eslint: {
-        ignoreDuringBuilds: true,
-      },
       typescript: {
         ignoreBuildErrors: true,
       },
@@ -43,7 +40,12 @@ const config = withBundleAnalyzer(
         ]
       },
       images: {
-        domains: ['localhost'],
+        remotePatterns: [
+          {
+            hostname: 'localhost',
+          },
+        ],
+        qualities: [5, 50, 75, 100]
       },
       webpack: (webpackConfig) => {
         webpackConfig.resolve.extensionAlias = {

package.json

@@ -155,7 +155,7 @@
   "devDependencies": {
     "@axe-core/playwright": "4.11.0",
     "@libsql/client": "0.14.0",
-    "@next/bundle-analyzer": "15.4.10",
+    "@next/bundle-analyzer": "16.1.1-canary.35",
     "@payloadcms/db-postgres": "workspace:*",
     "@payloadcms/eslint-config": "workspace:*",
     "@payloadcms/eslint-plugin": "workspace:*",
@@ -169,8 +169,8 @@
     "@types/fs-extra": "^11.0.2",
     "@types/minimist": "1.2.5",
     "@types/node": "22.15.30",
-    "@types/react": "19.2.1",
-    "@types/react-dom": "19.2.1",
+    "@types/react": "19.2.8",
+    "@types/react-dom": "19.2.3",
     "@types/shelljs": "0.8.15",
     "axe-core": "4.11.0",
     "chalk": "^4.1.2",
@@ -191,7 +191,7 @@
     "lint-staged": "15.2.7",
     "minimist": "1.2.8",
     "mongoose": "8.15.1",
-    "next": "15.4.10",
+    "next": "16.1.1-canary.35",
     "open": "^10.1.0",
     "p-limit": "^5.0.0",
     "pg": "8.16.3",
@@ -200,8 +200,8 @@
     "postcss": "^8.4.49",
     "postcss-scss": "^4.0.9",
     "prettier": "3.5.3",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
     "rimraf": "6.0.1",
     "sharp": "0.32.6",
     "shelljs": "0.8.5",
@@ -224,6 +224,7 @@
   },
   "pnpm": {
     "onlyBuiltDependencies": [
+      "@parcel/watcher",
       "@sentry/cli",
       "@swc/core",
       "@vercel/git-hooks",

packages/admin-bar/package.json

@@ -42,8 +42,8 @@
   },
   "devDependencies": {
     "@payloadcms/eslint-config": "workspace:*",
-    "@types/react": "19.2.1",
-    "@types/react-dom": "19.2.1",
+    "@types/react": "19.2.8",
+    "@types/react-dom": "19.2.3",
     "payload": "workspace:*"
   },
   "peerDependencies": {

packages/db-d1-sqlite/bundle.js

@@ -30,6 +30,8 @@ async function build() {
     tsconfig: path.resolve(dirname, './tsconfig.json'),
     plugins: [commonjs()],
     sourcemap: true,
+    // 18.20.2 is the lowest version of node supported by Payload
+    target: 'node18.20.2',
   })
   console.log('db-sqlite bundled successfully')
 

packages/db-postgres/bundle.js

@@ -29,6 +29,8 @@ async function build() {
     tsconfig: path.resolve(dirname, './tsconfig.json'),
     plugins: [commonjs()],
     sourcemap: true,
+    // 18.20.2 is the lowest version of node supported by Payload
+    target: 'node18.20.2',
   })
   console.log('db-postgres bundled successfully')
 

packages/db-postgres/package.json

@@ -88,7 +88,7 @@
     "@hyrious/esbuild-plugin-commonjs": "0.2.6",
     "@payloadcms/eslint-config": "workspace:*",
     "@types/to-snake-case": "1.0.0",
-    "esbuild": "0.25.5",
+    "esbuild": "0.27.1",
     "payload": "workspace:*"
   },
   "peerDependencies": {

packages/db-sqlite/bundle.js

@@ -30,6 +30,8 @@ async function build() {
     tsconfig: path.resolve(dirname, './tsconfig.json'),
     plugins: [commonjs()],
     sourcemap: true,
+    // 18.20.2 is the lowest version of node supported by Payload
+    target: 'node18.20.2',
   })
   console.log('db-sqlite bundled successfully')
 

packages/db-vercel-postgres/package.json

@@ -89,7 +89,7 @@
     "@payloadcms/eslint-config": "workspace:*",
     "@types/pg": "8.10.2",
     "@types/to-snake-case": "1.0.0",
-    "esbuild": "0.25.5",
+    "esbuild": "0.27.1",
     "payload": "workspace:*"
   },
   "peerDependencies": {