Email and OAuth Authentication
Implement sign-up and sign-in with email/password, add Google OAuth using WebBrowser for the redirect flow, and persist the session across app restarts.
Authentication Options in Supabase
Supabase Auth supports multiple authentication strategies out of the box: email/password, magic link (passwordless email), OAuth providers (Google, Apple, GitHub, etc.), and phone OTP. All of these are accessible through the same supabase.auth API.
For React Native, the most common flows are email/password for simplicity and Google/Apple OAuth for a polished native experience. Supabase manages token storage, refresh, and expiry automatically when AsyncStorage is configured.
Sign Up with Email and Password
To register a new user, call supabase.auth.signUp with the email and password. Supabase creates the user in the auth.users table and sends a confirmation email. The returned data.session will be null until the user confirms their email, unless you disable email confirmation in the Supabase dashboard.
Always check for the error field in the response and display a meaningful message to the user if sign-up fails.
import { supabase } from '../lib/supabase';
async function signUp(email: string, password: string) {
const { data, error } = await supabase.auth.signUp({
email,
password,
});
if (error) {
console.error('Sign up error:', error.message);
return null;
}
// data.user is available; data.session may be null until email confirmed
return data.user;
}All lessons in this course
- Setting Up Supabase Client in React Native
- Email and OAuth Authentication
- Querying the Database with the Supabase Client
- Real-Time Subscriptions