chore(web): Upgrade to NextJS 15 (#477)

Author: brendan-kellam

CHANGELOG.md

@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+- Updated NextJS to version 15. [#477](https://github.com/sourcebot-dev/sourcebot/pull/477)
+
 ## [4.6.4] - 2025-08-11
 
 ### Added

package.json

@@ -24,5 +24,8 @@
         "dotenv-cli": "^8.0.0",
         "npm-run-all": "^4.1.5"
     },
-    "packageManager": "yarn@4.7.0"
+    "packageManager": "yarn@4.7.0",
+    "resolutions": {
+        "prettier": "3.5.3"
+    }
 }

packages/backend/package.json

@@ -15,7 +15,7 @@
         "@types/micromatch": "^4.0.9",
         "@types/node": "^22.7.5",
         "cross-env": "^7.0.3",
-        "json-schema-to-typescript": "^15.0.2",
+        "json-schema-to-typescript": "^15.0.4",
         "tsc-watch": "^6.2.0",
         "tsx": "^4.19.1",
         "typescript": "^5.6.2",

packages/web/.eslintignore

@@ -1,2 +1,3 @@
 # shadcn components
 src/components/
+next-env.d.ts

packages/web/next.config.mjs

@@ -38,6 +38,8 @@ const nextConfig = {
             },
         ]
     },
+
+    turbopack: {}
 };
 
 export default withSentryConfig(nextConfig, {

packages/web/package.json

@@ -3,10 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbopack",
     "build": "cross-env SKIP_ENV_VALIDATION=1 next build",
     "start": "next start",
-    "lint": "cross-env SKIP_ENV_VALIDATION=1 next lint",
+    "lint": "cross-env SKIP_ENV_VALIDATION=1 eslint .",
     "test": "vitest",
     "dev:emails": "email dev --dir ./src/emails",
     "stripe:listen": "stripe listen --forward-to http://localhost:3000/api/stripe"
@@ -146,7 +146,7 @@
     "langfuse-vercel": "^3.38.4",
     "lucide-react": "^0.517.0",
     "micromatch": "^4.0.8",
-    "next": "14.2.30",
+    "next": "15.5.0",
     "next-auth": "^5.0.0-beta.25",
     "next-navigation-guard": "^0.2.0",
     "next-themes": "^0.3.0",
@@ -157,9 +157,9 @@
     "posthog-js": "^1.161.5",
     "pretty-bytes": "^6.1.1",
     "psl": "^1.15.0",
-    "react": "^18",
+    "react": "19.1.1",
     "react-device-detect": "^2.2.3",
-    "react-dom": "^18",
+    "react-dom": "19.1.1",
     "react-hook-form": "^7.53.0",
     "react-hotkeys-hook": "^4.5.1",
     "react-icons": "^5.3.0",
@@ -187,21 +187,23 @@
     "zod-to-json-schema": "^3.24.5"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3",
     "@tanstack/eslint-plugin-query": "^5.74.7",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
     "@types/micromatch": "^4.0.9",
     "@types/node": "^20",
     "@types/nodemailer": "^6.4.17",
     "@types/psl": "^1.1.3",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@typescript-eslint/eslint-plugin": "^8.3.0",
-    "@typescript-eslint/parser": "^8.3.0",
+    "@types/react": "19.1.10",
+    "@types/react-dom": "19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.40.0",
+    "@typescript-eslint/parser": "^8.40.0",
     "cross-env": "^7.0.3",
     "eslint": "^8",
-    "eslint-config-next": "14.2.6",
-    "eslint-plugin-react": "^7.35.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-config-next": "15.5.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "jsdom": "^25.0.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8",
@@ -211,5 +213,9 @@
     "typescript": "^5",
     "vite-tsconfig-paths": "^5.1.3",
     "vitest": "^2.1.5"
+  },
+  "resolutions": {
+    "@types/react": "19.1.10",
+    "@types/react-dom": "19.1.7"
   }
 }

packages/web/src/actions.ts

@@ -186,7 +186,7 @@ export const withTenancyModeEnforcement = async<T>(mode: TenancyMode, fn: () =>
 
 ////// Actions ///////
 
-export const createOrg = (name: string, domain: string): Promise<{ id: number } | ServiceError> => sew(() =>
+export const createOrg = async (name: string, domain: string): Promise<{ id: number } | ServiceError> => sew(() =>
     withTenancyModeEnforcement('multi', () =>
         withAuth(async (userId) => {
             const org = await prisma.org.create({
@@ -293,7 +293,7 @@ export const completeOnboarding = async (domain: string): Promise<{ success: boo
         })
     ));
 
-export const getSecrets = (domain: string): Promise<{ createdAt: Date; key: string; }[] | ServiceError> => sew(() =>
+export const getSecrets = async (domain: string): Promise<{ createdAt: Date; key: string; }[] | ServiceError> => sew(() =>
     withAuth((userId) =>
         withOrgMembership(userId, domain, async ({ org }) => {
             const secrets = await prisma.secret.findMany({
@@ -1990,7 +1990,7 @@ export const rejectAccountRequest = async (requestId: string, domain: string) =>
     ));
 
 export const dismissMobileUnsupportedSplashScreen = async () => sew(async () => {
-    await cookies().set(MOBILE_UNSUPPORTED_SPLASH_SCREEN_DISMISSED_COOKIE_NAME, 'true');
+    await (await cookies()).set(MOBILE_UNSUPPORTED_SPLASH_SCREEN_DISMISSED_COOKIE_NAME, 'true');
     return true;
 });
 

packages/web/src/app/[domain]/agents/page.tsx

@@ -13,7 +13,13 @@ const agents = [
   },
 ];
 
-export default function AgentsPage({ params: { domain } }: { params: { domain: string } }) {
+export default async function AgentsPage(props: { params: Promise<{ domain: string }> }) {
+  const params = await props.params;
+
+  const {
+    domain
+  } = params;
+
   return (
     <div className="flex flex-col items-center overflow-hidden min-h-screen">
       <NavigationMenu domain={domain} />

packages/web/src/app/[domain]/browse/[...path]/page.tsx

@@ -5,13 +5,20 @@ import { Loader2 } from "lucide-react";
 import { TreePreviewPanel } from "./components/treePreviewPanel";
 
 interface BrowsePageProps {
-    params: {
+    params: Promise<{
         path: string[];
         domain: string;
-    };
+    }>;
 }
 
-export default async function BrowsePage({ params: { path: _rawPath, domain } }: BrowsePageProps) {
+export default async function BrowsePage(props: BrowsePageProps) {
+    const params = await props.params;
+
+    const {
+        path: _rawPath,
+        domain
+    } = params;
+
     const rawPath = decodeURIComponent(_rawPath.join('/'));
     const { repoName, revisionName, path, pathType } = getBrowseParamsFromPathParam(rawPath);
 

packages/web/src/app/[domain]/chat/[id]/page.tsx

@@ -13,13 +13,14 @@ import { ChatSidePanel } from '../components/chatSidePanel';
 import { ResizablePanelGroup } from '@/components/ui/resizable';
 
 interface PageProps {
-    params: {
+    params: Promise<{
         domain: string;
         id: string;
-    };
+    }>;
 }
 
-export default async function Page({ params }: PageProps) {
+export default async function Page(props: PageProps) {
+    const params = await props.params;
     const languageModels = await getConfiguredLanguageModelsInfo();
     const repos = await getRepos(params.domain);
     const searchContexts = await getSearchContexts(params.domain);