99-upgrade-the-next-js-to-the-latest-version upgraded nextjs version (#100)

Amiralizim · web-flow · commit 537d5568e02f · 2025-01-03T15:29:47.000-05:00
diff --git a/nextjs/app/account/page.tsx b/nextjs/app/account/page.tsx
@@ -4,7 +4,7 @@ import { redirect } from 'next/navigation';
 import { getSubscription, getUser } from '@/utils/supabase/queries';
 
 export default async function Account() {
-  const supabase = createClient();
+  const supabase = await createClient();
   const [user, subscription] = await Promise.all([
     getUser(supabase),
     getSubscription(supabase)
diff --git a/nextjs/app/api/auth_callback/route.ts b/nextjs/app/api/auth_callback/route.ts
@@ -12,7 +12,7 @@ export async function GET(request: NextRequest) {
 
   try {
     if (code) {
-      const supabase = createClient();
+      const supabase = await createClient();
       const { error } = await supabase.auth.exchangeCodeForSession(code);
       if (error) throw error;
     } else if (errorMessage) {
diff --git a/nextjs/app/api/reset_password/route.ts b/nextjs/app/api/reset_password/route.ts
@@ -12,7 +12,7 @@ export async function GET(request: NextRequest) {
 
   try {
     if (code) {
-      const supabase = createClient();
+      const supabase = await createClient();
       const { error } = await supabase.auth.exchangeCodeForSession(code);
       if (error) throw error;
     } else if (errorMessage) {
diff --git a/nextjs/app/auth/[id]/page.tsx b/nextjs/app/auth/[id]/page.tsx
@@ -4,19 +4,20 @@ import { Navbar } from '@/components/landing/Navbar';
 import { AuthForm } from '@/components/misc/AuthForm';
 import { AuthState } from '@/utils/types';
 
-export default async function SignIn({
-  params
-}: {
-  params: { id: string };
-  searchParams: { disable_button: boolean };
-}) {
+export default async function SignIn(
+  props: {
+    params: Promise<{ id: string }>;
+    searchParams: Promise<{ disable_button: boolean }>;
+  }
+) {
+  const params = await props.params;
   if (!Object.values(AuthState).includes(params.id as AuthState)) {
     redirect('/auth');
   }
   const currState = params.id as AuthState;
 
   // Check if the user is already logged in and redirect to the account page if so
-  const supabase = createClient();
+  const supabase = await createClient();
   const {
     data: { user }
   } = await supabase.auth.getUser();
diff --git a/nextjs/app/layout.tsx b/nextjs/app/layout.tsx
@@ -6,10 +6,8 @@ import { PHProvider } from './providers';
 import { ThemeProvider } from '@/components/landing/theme-provider';
 import dynamic from 'next/dynamic';
 import { Toaster } from '@/components/ui/toaster';
+import PostHogPageViewWrapper from '@/components/misc/PostHogPageViewWrapper';
 
-const PostHogPageView = dynamic(() => import('./PostHogPageView'), {
-  ssr: false
-});
 
 const meta = {
   title: 'Next.js Subscription Starter',
@@ -57,7 +55,7 @@ export default async function RootLayout({ children }: PropsWithChildren) {
       <ThemeProvider>
         <PHProvider>
           <body>
-            <PostHogPageView />
+            <PostHogPageViewWrapper />
             <main
               id="skip"
               className="min-h-[calc(100dvh-4rem)] md:min-h[calc(100dvh-5rem)]"
diff --git a/nextjs/app/page.tsx b/nextjs/app/page.tsx
@@ -16,7 +16,7 @@ import { Testimonials } from '@/components/landing/Testimonials';
 import { createClient } from '@/utils/supabase/server';
 
 export default async function LandingPage() {
-  const supabase = createClient();
+  const supabase = await createClient();
 
   const {
     data: { user }
diff --git a/nextjs/components/landing/HowItWorks.tsx b/nextjs/components/landing/HowItWorks.tsx
@@ -7,6 +7,8 @@ import {
   GiftIcon
 } from '@/components/landing/Icons';
 
+import type { JSX } from "react";
+
 interface FeatureProps {
   icon: JSX.Element;
   title: string;
diff --git a/nextjs/components/landing/Services.tsx b/nextjs/components/landing/Services.tsx
@@ -7,6 +7,8 @@ import {
 } from '@/components/ui/card';
 import { MagnifierIcon, WalletIcon, ChartIcon } from './Icons';
 
+import type { JSX } from "react";
+
 interface ServiceProps {
   title: string;
   description: string;
diff --git a/nextjs/components/landing/Sponsors.tsx b/nextjs/components/landing/Sponsors.tsx
@@ -1,6 +1,8 @@
 'use client';
 import { Radar } from 'lucide-react';
 
+import type { JSX } from "react";
+
 interface SponsorProps {
   icon: JSX.Element;
   name: string;
diff --git a/nextjs/components/misc/AccountPage.tsx b/nextjs/components/misc/AccountPage.tsx
@@ -71,7 +71,6 @@ export default function AccountPage({
     router.push('/');
     router.refresh();
   };
-  console.log(subscription);
 
   return (
     <div className="flex min-h-screen w-full flex-col">
diff --git a/nextjs/components/misc/PostHogPageViewWrapper.tsx b/nextjs/components/misc/PostHogPageViewWrapper.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+const PostHogPageView = dynamic(() => import('../../app/PostHogPageView'), {
+  ssr: false
+});
+
+export default function PostHogPageViewWrapper() {
+  return <PostHogPageView />;
+} 
diff --git a/nextjs/next-env.d.ts b/nextjs/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/nextjs/package.json b/nextjs/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {
-    "dev": "next dev --turbo",
+    "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -42,10 +42,10 @@
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "lucide-react": "0.395.0",
-    "next": "14.2.4",
+    "next": "15.1.3",
     "posthog-js": "^1.139.6",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-merge-refs": "^2.1.1",
     "stripe": "^15.12.0",
     "tailwind-merge": "^2.3.0",
@@ -54,11 +54,11 @@
   },
   "devDependencies": {
     "@types/node": "^20.14.6",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "19.0.2",
+    "@types/react-dom": "19.0.2",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
-    "eslint-config-next": "14.2.4",
+    "eslint-config-next": "15.1.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-tailwindcss": "^3.17.3",
@@ -67,5 +67,11 @@
     "prettier-plugin-tailwindcss": "^0.6.5",
     "supabase": "^1.178.2",
     "typescript": "^5.5.2"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "19.0.2",
+      "@types/react-dom": "19.0.2"
+    }
   }
 }
diff --git a/nextjs/pnpm-lock.yaml b/nextjs/pnpm-lock.yaml
diff --git a/nextjs/utils/supabase/server.ts b/nextjs/utils/supabase/server.ts
