diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
new file mode 100644
index 00000000..81f2221e
--- /dev/null
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,19 @@
+'use client';
+import SignUp from '@/components/auth/SignUp';
+import { useRouter, useSearchParams } from 'next/navigation';
+import React, { Suspense } from 'react';
+
+export default function SignUpPage() {
+  return (
+    <Suspense>
+      <SignUpComponent />
+    </Suspense>
+  );
+}
+
+function SignUpComponent() {
+  const router = useRouter();
+  const params = useSearchParams();
+  console.log(params);
+  return <SignUp onBackButtonClicked={() => router.push('/')} />;
+}
diff --git a/src/components/UserInfo.tsx b/src/components/UserInfo.tsx
index 6c60f787..50d55d1e 100644
--- a/src/components/UserInfo.tsx
+++ b/src/components/UserInfo.tsx
@@ -6,7 +6,11 @@ import { authService } from '@/lib/service';
 import { useSession } from '@/context/SessionProvider';
 import Image from 'next/image';
 
-export default function UserProfile() {
+type UserProfileProps = {
+  toggleAction?: () => void;
+};
+
+export default function UserProfile({ toggleAction }: UserProfileProps) {
   const session = useSession();
   const user = session.user;
 
@@ -22,6 +26,7 @@ export default function UserProfile() {
       <Link
         href="/auth"
         className="w-full text-left transition-colors p-3 rounded-lg flex items-center gap-2 hover:bg-gray-50"
+        onClick={toggleAction}
       >
         <LogIn className="h-5 w-5 text-gray-600" />
         Inicia sesión
diff --git a/src/components/auth/SocialButton.tsx b/src/components/auth/SocialButton.tsx
index 1f79a4e2..5b43792b 100644
--- a/src/components/auth/SocialButton.tsx
+++ b/src/components/auth/SocialButton.tsx
@@ -11,6 +11,7 @@ type SocialButtonProps = {
 export default function SocialButton({ provider, redirectUrl, children }: SocialButtonProps) {
   const baseUrl =
     process.env.NEXT_PUBLIC_ENV === 'production' ? process.env.NEXT_PUBLIC_BASE_URL! : 'http://127.0.0.1:3000';
+  console.log(baseUrl + redirectUrl);
   const handleLogin = async (provider: Provider) => {
     const { data, error } = await supabase.auth.signInWithOAuth({
       provider,
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 5f9d4ed6..eba48fe2 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -254,7 +254,7 @@ export default function Sidebar({ isOpen, toggleAction }: SidebarProps) {
 
         {/* User info and login */}
         <div className="p-4">
-          <UserInfo />
+          <UserInfo toggleAction={toggleAction} />
         </div>
 
         {/* Toggle button for desktop */}