chore: upgrade to Next.js v16

Author: pan93412

app/(admin)/layout.tsx

@@ -2,32 +2,34 @@ import { AppSidebar } from "@/components/app-sidebar";
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
 import AuthorizedApolloWrapper from "@/providers/use-apollo.rsc";
 import ProtectedRoute from "@/providers/use-protected-route";
-import { unstable_ViewTransition as ViewTransition } from "react";
+import { Suspense, ViewTransition } from "react";
 
 export default function AdminLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <ProtectedRoute>
-      <AuthorizedApolloWrapper>
-        <SidebarProvider
-          style={{
-            "--sidebar-width": "calc(var(--spacing) * 72)",
-            "--header-height": "calc(var(--spacing) * 12)",
-          } as React.CSSProperties}
-        >
-          <AppSidebar variant="inset" />
-          <SidebarInset>
-            <ViewTransition>
-              <div suppressHydrationWarning>
-                {children}
-              </div>
-            </ViewTransition>
-          </SidebarInset>
-        </SidebarProvider>
-      </AuthorizedApolloWrapper>
-    </ProtectedRoute>
+    <Suspense>
+      <ProtectedRoute>
+        <AuthorizedApolloWrapper>
+          <SidebarProvider
+            style={{
+              "--sidebar-width": "calc(var(--spacing) * 72)",
+              "--header-height": "calc(var(--spacing) * 12)",
+            } as React.CSSProperties}
+          >
+            <AppSidebar variant="inset" />
+            <SidebarInset>
+              <ViewTransition>
+                <div suppressHydrationWarning>
+                  {children}
+                </div>
+              </ViewTransition>
+            </SidebarInset>
+          </SidebarProvider>
+        </AuthorizedApolloWrapper>
+      </ProtectedRoute>
+    </Suspense>
   );
 }

next.config.ts

@@ -9,7 +9,7 @@ const nextConfig: NextConfig = {
     swcPlugins: [
       ["@swc-contrib/plugin-graphql-codegen-client-preset", { artifactDirectory: "./gql", gqlTagName: "graphql" }],
     ],
-    ppr: "incremental",
+    cacheComponents: true,
     authInterrupts: true,
   },
 };

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev --experimental-https",
     "build": "next build",
     "start": "next start",
     "lint": "eslint .",
@@ -17,7 +17,7 @@
     "@apollo/client": "4.0.7",
     "@apollo/client-integration-nextjs": "^0.13.2",
     "@bprogress/next": "^3.2.12",
-    "@graphql-codegen/client-preset": "^5.0.3",
+    "@graphql-codegen/client-preset": "^5.1.0",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
@@ -37,18 +37,18 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "graphql": "^16.11.0",
-    "lucide-react": "^0.544.0",
-    "next": "15.6.0-canary.45",
+    "lucide-react": "^0.545.0",
+    "next": "16.0.0-canary.2",
     "next-themes": "^0.4.6",
-    "react": "19.3.0-canary-4fdf7cf2-20251003",
-    "react-dom": "19.3.0-canary-4fdf7cf2-20251003",
-    "react-hook-form": "^7.64.0",
+    "react": "19.3.0-canary-ead92181-20251010",
+    "react-dom": "19.3.0-canary-ead92181-20251010",
+    "react-hook-form": "^7.65.0",
     "react-remark": "^2.1.0",
     "remark": "^15.0.1",
     "remark-html": "^16.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
-    "zod": "^4.1.11"
+    "zod": "^4.1.12"
   },
   "devDependencies": {
     "@0no-co/graphqlsp": "^1.15.0",
@@ -58,10 +58,10 @@
     "@graphql-typed-document-node/core": "^3.2.0",
     "@parcel/watcher": "^2.5.1",
     "@tailwindcss/postcss": "^4.1.14",
-    "@types/node": "^24.7.0",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "@typescript-eslint/parser": "^8.45.0",
+    "@types/node": "^24.7.2",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
+    "@typescript-eslint/parser": "^8.46.0",
     "dprint": "^0.50.2",
     "eslint": "^9.37.0",
     "eslint-config-next": "15.6.0-canary.45",