Client Components

SignInButton

The SignInButton is a high-level component used to initiate the secure authentication flow. It handles the hand-off to the auth system automatically.

Usage

Simply import and place the component wherever you need a login trigger:

terminal

import { SignInButton } from "@ezz-auth/next";

export default function LandingPage() {
  return (
    <nav>
      <SignInButton />
    </nav>
  );
}

Why use SignInButton?

Drop-in Integration

A pre-configured component that handles the entire sign-in trigger with zero setup.

Secure Redirects

Uses a redirect-based flow to ensure credentials are never handled by the client application.

Zero Client Secrets

Operates entirely without exposing sensitive API keys or secrets in the browser environment.