feat: upgrade to NextJS 16

Author: KodingDev

next.config.ts

@@ -22,6 +22,10 @@ const withBundleAnalyzer = createBundleAnalyzer({
 
 let nextConfig: NextConfig = {
   typedRoutes: true,
+  reactCompiler: true,
+  experimental: {
+    turbopackFileSystemCacheForDev: true,
+  },
   images: {
     deviceSizes: [384, 640, 768, 1024, 1280, 1536, 1920],
     formats: ["image/webp"],

package.json

@@ -4,54 +4,56 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "cross-env NODE_ENV=production next build --turbopack",
-    "build:analyze": "cross-env ANALYZE=true next build --turbopack",
-    "dev": "next dev --turbopack -H 0.0.0.0",
+    "start": "cross-env NODE_ENV=production next start",
+    "build": "cross-env NODE_ENV=production next build",
+    "build:analyze": "cross-env ANALYZE=true next build",
+    "dev": "next dev -H 0.0.0.0",
     "lint": "biome check",
     "lint:fix": "biome check --write --unsafe",
-    "start": "cross-env NODE_ENV=production next start",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@posthog/nextjs-config": "^1.3.0",
+    "@posthog/nextjs-config": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "client-only": "^0.0.1",
     "clsx": "^2.1.1",
-    "envin": "^1.1.9",
-    "next": "15.5.0",
+    "envin": "^1.1.10",
+    "next": "16.0.0-beta.0",
     "next-themes": "^0.4.6",
-    "posthog-js": "^1.266.0",
-    "posthog-node": "^5.8.4",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
+    "nextjs-toploader": "^3.9.17",
+    "posthog-js": "^1.275.1",
+    "posthog-node": "^5.9.5",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-icons": "^5.5.0",
     "remeda": "^2.32.0",
     "server-only": "^0.0.1",
     "sharp": "^0.33.5",
     "tailwind-merge": "^3.3.1",
-    "zod": "^4.1.8"
+    "zod": "^4.1.12"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.4",
-    "@next/bundle-analyzer": "15.5.0",
-    "@tailwindcss/postcss": "^4.1.13",
-    "@tailwindcss/typography": "^0.5.16",
-    "@types/node": "^20.19.15",
-    "@types/react": "19.1.11",
-    "@types/react-dom": "19.1.7",
+    "@biomejs/biome": "^2.2.6",
+    "@next/bundle-analyzer": "16.0.0-beta.0",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/node": "^20.19.21",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.1",
+    "babel-plugin-react-compiler": "^1.0.0",
     "cross-env": "^7.0.3",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.13",
+    "tailwindcss": "^4.1.14",
     "tailwindcss-motion": "^1.1.1",
-    "tw-animate-css": "^1.3.8",
-    "typescript": "^5.9.2",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3",
     "velite": "^0.3.0"
   },
   "packageManager": "pnpm@10.15.0",
   "pnpm": {
     "overrides": {
-      "@types/react": "19.1.11",
-      "@types/react-dom": "19.1.7"
+      "@types/react": "19.2.2",
+      "@types/react-dom": "19.2.1"
     }
   }
 }