useAuth()

Haupt-Authentifizierungs-Hook für Client-Komponenten. Bietet Authentifizierungsstatus und Methoden.

Überblick

Der useAuth()-Hook bietet Zugriff auf den Authentifizierungsstatus einschließlich isAuthenticated, isLoading, user und error sowie Methoden wie signIn(), signOut() und refreshSession() zur Steuerung des Authentifizierungsflows in Client-Komponenten.

Grundlegende Verwendung

'use client';
import { useAuth } from 'authsafe-nextjs';

export default function Dashboard() {
  const { isAuthenticated, user, signIn, signOut } = useAuth();

  if (!isAuthenticated) {
    return <button onClick={() => signIn()}>Sign In</button>;
  }

  return (
    <div>
      <p>Welcome, {user?.name}</p>
      <button onClick={() => signOut()}>Sign Out</button>
    </div>
  );
}