Overview

Features

Email/Password

Users can sign in with their email and password.

Social OAuth

We have Google and Apple OAuth support.

Magic Link

Sending a magic link to the user’s email address

Forgot Password

If your users forget their password, they can reset it.

Verify Email

Users can verify their email address in the app.

How to use?

Supabase
Firebase

Currently implemented and fully supported.

import { useAuth } from '@/context/SupabaseProvider';

const {
  user,
  session,
  initialized,
  signOut,
  signIn,
  signUp,
  sendMagicLink,
  signInWithGoogle,
  signInWithApple,
  createSessionFromUrl,
  handleShowPassword,
  isLoading,
  error,
  isAuthenticated,
  showPassword,
  handleError,
  sendNewPasswordLink,
  setNewPassword,
} = useAuth();

Auth Functions

Create Session From URL

To create a session from a URL, use the createSessionFromUrl function.

Magic happens here. Don’t change this.

Handle Show Password

To handle show password on the password input, use the handleShowPassword function.

handleShowPassword();

Error Handling

To handle errors, use the handleError function.

handleError(error);

Send New Password Link

To send a new password link, use the sendNewPasswordLink function.

sendNewPasswordLink('email@example.com');

Set New Password

To set a new password, use the setNewPassword function.

setNewPassword('newPassword');

Sign Out

To sign out, use the signOut function.

signOut();

Send Magic Link

To send a magic link, use the sendMagicLink function.

sendMagicLink('email@example.com');

Props

Value	Type	Description
`user`	`UserMetaData \| null`	Contains current authenticated user information
`session`	`Session \| null`	Contains active session information
`initialized`	`boolean`	Indicates if auth state has been initialized
`signOut`	`() => Promise<void>`	Signs out the current user
`signIn`	`(email: string, password: string) => Promise<void>`	Signs in user with email/password
`signUp`	`(email: string, password: string) => Promise<void>`	Creates a new user account
`sendMagicLink`	`(email: string) => Promise<void>`	Sends a magic link to user’s email
`signInWithGoogle`	`() => Promise<void>`	Initiates Google OAuth sign in
`signInWithApple`	`() => Promise<void>`	Initiates Apple OAuth sign in
`createSessionFromUrl`	`(url: string) => Promise<void>`	Creates session from URL
`handleShowPassword`	`() => void`	Toggles password visibility
`isLoading`	`boolean`	Indicates if auth operation is in progress
`error`	`Error \| null`	Contains error information if any
`isAuthenticated`	`boolean`	Indicates if user is authenticated
`showPassword`	`boolean`	Controls password visibility state
`handleError`	`(error: AuthError	Error) => void`	Handles auth-related errors
`sendNewPasswordLink`	`(email: string) => Promise<void>`	Sends password reset link
`setNewPassword`	`(password: string) => Promise<void>`	Sets new password

Get Started

AI Wrapper

Authentication

Monetization

Core Features

Analytics & Monitoring

Prebuilt Screens

UI Components

Troubleshooting

Features

Email/Password

Social OAuth

Magic Link

Forgot Password

Verify Email

How to use?

Auth Functions

Props

​Features

Email/Password

Social OAuth

Magic Link

Forgot Password

Verify Email

​How to use?

​Auth Functions

​Props

Features

How to use?

Auth Functions

Props