Vorgefertigte Komponenten
Sofort einsetzbare Authentifizierungskomponenten für schnelle Integration.
Überblick
AuthSafe bietet vorgestylte Authentifizierungskomponenten: SignInButton (leitet zur Anmeldung weiter), SignOutButton (meldet ab und löscht Sitzung) und UserButton (Benutzer-Dropdown mit Infos und Abmeldeoption)
Grundlegende Verwendung
import { SignInButton, SignOutButton, UserButton } from 'authsafe-nextjs';
export default function NavBar({ isAuthenticated }) {
return (
<nav>
{isAuthenticated ? (
<>
<UserButton />
<SignOutButton>Log Out</SignOutButton>
</>
) : (
<SignInButton>Sign In</SignInButton>
)}
</nav>
);
}