Next.js 15 Update (#26)

* Update Next.js and React versions in all packages
* Replace onRedirect function with next/link in BillingSessionStatus, since it's no longer cached by default
* Remove unused revalidatePath import in billing return page, since it's no longer cached by default
* Add Turbopack module aliases to improve development server speed
* Converted new Dynamic APIs to be Promise-based
* Adjust mobile layout
* Use ENABLE_REACT_COMPILER to enable the React Compiler in Next.js 15
* Report Errors using the new onRequestError hook

packages/supabase/package.json

@@ -29,11 +29,11 @@
     "@kit/tailwind-config": "workspace:*",
     "@kit/tsconfig": "workspace:*",
     "@supabase/ssr": "^0.5.1",
-    "@supabase/supabase-js": "^2.45.4",
-    "@tanstack/react-query": "5.56.2",
-    "@types/react": "^18.3.10",
-    "next": "14.2.13",
-    "react": "18.3.1",
+    "@supabase/supabase-js": "^2.45.6",
+    "@tanstack/react-query": "5.59.15",
+    "@types/react": "^18.3.11",
+    "next": "15.0.0",
+    "react": "19.0.0-rc-69d4b800-20241021",
     "server-only": "^0.0.1",
     "zod": "^3.23.8"
   },

packages/supabase/src/auth-callback.service.ts

@@ -48,7 +48,8 @@ class AuthCallbackService {
 
     const token_hash = searchParams.get('token_hash');
     const type = searchParams.get('type') as EmailOtpType | null;
-    const callbackParam = searchParams.get('next') ?? searchParams.get('callback');
+    const callbackParam =
+      searchParams.get('next') ?? searchParams.get('callback');
 
     let nextPath: string | null = null;
     const callbackUrl = callbackParam ? new URL(callbackParam) : null;

packages/supabase/src/clients/route-handler-client.ts

@@ -1,6 +1,5 @@
 import 'server-only';
 
-import { unstable_noStore as noStore } from 'next/cache';
 import { cookies } from 'next/headers';
 
 import { createClient } from '@supabase/supabase-js';
@@ -28,9 +27,6 @@ export function getSupabaseRouteHandlerClient<GenericSchema = Database>(
     admin: false,
   },
 ) {
-  // prevent any caching (to be removed in Next v15)
-  noStore();
-
   if (params.admin) {
     warnServiceRoleKeyUsage();
 
@@ -49,16 +45,20 @@ export function getSupabaseRouteHandlerClient<GenericSchema = Database>(
 }
 
 function getCookiesStrategy() {
-  const cookieStore = cookies();
-
   return {
-    set: (name: string, value: string, options: CookieOptions) => {
+    set: async (name: string, value: string, options: CookieOptions) => {
+      const cookieStore = await cookies();
+
       cookieStore.set({ name, value, ...options });
     },
-    get: (name: string) => {
+    get: async (name: string) => {
+      const cookieStore = await cookies();
+
       return cookieStore.get(name)?.value;
     },
-    remove: (name: string, options: CookieOptions) => {
+    remove: async (name: string, options: CookieOptions) => {
+      const cookieStore = await cookies();
+
       cookieStore.set({ name, value: '', ...options });
     },
   };

packages/supabase/src/clients/server-actions-client.ts

@@ -1,6 +1,5 @@
 import 'server-only';
 
-import { unstable_noStore as noStore } from 'next/cache';
 import { cookies } from 'next/headers';
 
 import { createClient } from '@supabase/supabase-js';
@@ -33,9 +32,6 @@ function createServerSupabaseClient<
 export function getSupabaseServerActionClient<
   GenericSchema extends Database = Database,
 >(params?: { admin: boolean }) {
-  // prevent any caching (to be removed in Next v15)
-  noStore();
-
   const keys = getSupabaseClientKeys();
   const admin = params?.admin ?? false;
 
@@ -55,16 +51,21 @@ export function getSupabaseServerActionClient<
 }
 
 function getCookiesStrategy() {
-  const cookieStore = cookies();
-
   return {
-    get: (name: string) => {
-      return cookieStore.get(name)?.value;
+    get: async (name: string) => {
+      const cookieStore = await cookies();
+      const cookie = cookieStore.get(name);
+
+      return cookie?.value;
     },
-    set: (name: string, value: string, options: object) => {
+    set: async (name: string, value: string, options: object) => {
+      const cookieStore = await cookies();
+
       cookieStore.set({ name, value, ...options });
     },
-    remove: (name: string, options: object) => {
+    remove: async (name: string, options: object) => {
+      const cookieStore = await cookies();
+
       cookieStore.set({
         name,
         value: '',

packages/supabase/src/clients/server-admin-client.ts

@@ -1,7 +1,5 @@
 import 'server-only';
 
-import { unstable_noStore as noStore } from 'next/cache';
-
 import { createClient } from '@supabase/supabase-js';
 
 import { Database } from '../database.types';
@@ -16,7 +14,6 @@ import { getSupabaseClientKeys } from '../get-supabase-client-keys';
  * @description Get a Supabase client for use in the Server with admin access to the database.
  */
 export function getSupabaseServerAdminClient<GenericSchema = Database>() {
-  noStore();
   warnServiceRoleKeyUsage();
 
   const url = getSupabaseClientKeys().url;

packages/supabase/src/clients/server-client.ts

@@ -1,6 +1,5 @@
 import 'server-only';
 
-import { unstable_noStore as noStore } from 'next/cache';
 import { cookies } from 'next/headers';
 
 import { createServerClient } from '@supabase/ssr';
@@ -13,17 +12,18 @@ import { getSupabaseClientKeys } from '../get-supabase-client-keys';
  * @description Creates a Supabase client for use in the Server.
  */
 export function getSupabaseServerClient<GenericSchema = Database>() {
-  noStore();
-
-  const cookieStore = cookies();
   const keys = getSupabaseClientKeys();
 
   return createServerClient<GenericSchema>(keys.url, keys.anonKey, {
     cookies: {
-      getAll() {
+      async getAll() {
+        const cookieStore = await cookies();
+
         return cookieStore.getAll();
       },
-      setAll(cookiesToSet) {
+      async setAll(cookiesToSet) {
+        const cookieStore = await cookies();
+
         try {
           cookiesToSet.forEach(({ name, value, options }) =>
             cookieStore.set(name, value, options),

packages/supabase/src/clients/server-component-client.ts

@@ -1,6 +1,5 @@
 import 'server-only';
 
-import { unstable_noStore as noStore } from 'next/cache';
 import { cookies } from 'next/headers';
 
 import { createClient } from '@supabase/supabase-js';
@@ -26,9 +25,6 @@ export function getSupabaseServerComponentClient<GenericSchema = Database>(
     admin: false,
   },
 ) {
-  // prevent any caching (to be removed in Next v15)
-  noStore();
-
   if (params.admin) {
     warnServiceRoleKeyUsage();
 
@@ -47,10 +43,10 @@ export function getSupabaseServerComponentClient<GenericSchema = Database>(
 }
 
 function getCookiesStrategy() {
-  const cookieStore = cookies();
-
   return {
-    get: (name: string) => {
+    get: async (name: string) => {
+      const cookieStore = await cookies();
+
       return cookieStore.get(name)?.value;
     },
   };