import React, { useEffect, useState } from 'react'; import Head from 'next/head'; import { useRouter } from 'next/router'; import { useSession, signIn } from 'next-auth/react'; export default function SignUpPage() { const router = useRouter(); const { data: session, status } = useSession(); const [username, setUsername] = useState(''); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [providers, setProviders] = useState(null); useEffect(() => { if (status === 'authenticated') { router.replace('/'); } }, [status]); useEffect(() => { async function fetchProviders() { try { const r = await fetch('/api/auth/providers'); if (r.ok) setProviders(await r.json()); } catch {} } fetchProviders(); }, []); async function handleSubmit(e: React.FormEvent) { e.preventDefault(); setError(null); setLoading(true); try { const r = await fetch('/api/auth/register', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username: username || null, email, password }), }); const j = await r.json(); if (!r.ok) throw new Error(j.error || 'Sign up failed'); // Auto sign-in after signup (if email provided, attempt credentials with email) const idOrEmail = email || username; if (idOrEmail) { await signIn('credentials', { redirect: false, username: idOrEmail, password }); } router.push('/'); } catch (err: any) { setError(err?.message || 'Sign up failed'); } finally { setLoading(false); } } async function handleGoogle() { await signIn('google'); } return ( <> Sign up - Gregory AI

Create your account

Enjoy 5 free queries without an account. Sign up to continue and save your chats.

Already have an account? Sign in

); }