wipe out old repo & replace with template

src/app/(auth-pages)/auth/callback/route.ts

@@ -0,0 +1,43 @@
+'use server';
+import 'server-only';
+import { createServerClient } from '@/utils/supabase';
+import { type EmailOtpType } from '@supabase/supabase-js';
+import { type NextRequest } from 'next/server';
+import { redirect } from 'next/navigation';
+
+export const GET = async (request: NextRequest) => {
+  const { searchParams, origin } = new URL(request.url);
+  const code = searchParams.get('code');
+  const token_hash = searchParams.get('token');
+  const type = searchParams.get('type') as EmailOtpType | null;
+  const redirectTo = searchParams.get('redirect_to') ?? '/';
+  const supabase = await createServerClient();
+
+  if (code) {
+    const { error } = await supabase.auth.exchangeCodeForSession(code);
+    if (error) {
+      console.error('OAuth error:', error);
+      return redirect(`/sign-in?error=${encodeURIComponent(error.message)}`);
+    }
+    return redirect(redirectTo);
+  }
+
+  if (token_hash && type) {
+    const { error } = await supabase.auth.verifyOtp({
+      type,
+      token_hash,
+    });
+    if (!error) {
+      if (type === 'signup' || type === 'magiclink' || type === 'email')
+        return redirect('/');
+      if (type === 'recovery' || type === 'email_change')
+        return redirect('/profile');
+      if (type === 'invite') return redirect('/sign-up');
+    }
+    return redirect(
+      `/?error=${encodeURIComponent(error?.message || 'Unknown error')}`,
+    );
+  }
+
+  return redirect('/');
+};

src/app/(auth-pages)/auth/success/page.tsx

@@ -0,0 +1,39 @@
+'use client';
+
+import { useAuth } from '@/components/context/auth';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { Loader2 } from 'lucide-react';
+
+const AuthSuccessPage = () => {
+  const { refreshUserData, isAuthenticated } = useAuth();
+  const router = useRouter();
+
+  useEffect(() => {
+    const handleAuthSuccess = async () => {
+      // Refresh the auth context to pick up the new session
+      await refreshUserData();
+
+      // Small delay to ensure state is updated
+      setTimeout(() => {
+        router.push('/');
+      }, 100);
+    };
+
+    handleAuthSuccess().catch((error) => {
+      console.error(`Error: ${error instanceof Error ? error.message : error}`);
+    });
+  }, [refreshUserData, router]);
+
+  // Show loading while processing
+  return (
+    <div className='flex items-center justify-center min-h-screen'>
+      <div className='flex flex-col items-center space-y-4'>
+        <Loader2 className='h-8 w-8 animate-spin' />
+        <p>Completing sign in...</p>
+      </div>
+    </div>
+  );
+};
+
+export default AuthSuccessPage;