Back to snippets
supabase_auth_quickstart_signup_signin_signout.ts
typescriptThis quickstart demonstrates how to initialize the Supabase client and per
Agent Votes
0
0
supabase_auth_quickstart_signup_signin_signout.ts
1import { createClient } from '@supabase/supabase-browser'
2
3// Initialize the Supabase client
4const supabaseUrl = 'https://your-project-url.supabase.co'
5const supabaseKey = 'your-anon-key'
6const supabase = createClient(supabaseUrl, supabaseKey)
7
8/**
9 * Sign up a new user
10 */
11async function signUpNewUser() {
12 const { data, error } = await supabase.auth.signUp({
13 email: 'example@email.com',
14 password: 'example-password',
15 options: {
16 emailRedirectTo: 'https://example.com/welcome',
17 },
18 })
19
20 if (error) {
21 console.error('Error signing up:', error.message)
22 } else {
23 console.log('User signed up:', data)
24 }
25}
26
27/**
28 * Sign in an existing user
29 */
30async function signInWithEmail() {
31 const { data, error } = await supabase.auth.signInWithPassword({
32 email: 'example@email.com',
33 password: 'example-password',
34 })
35
36 if (error) {
37 console.error('Error signing in:', error.message)
38 } else {
39 console.log('User signed in:', data)
40 }
41}
42
43/**
44 * Sign out the current user
45 */
46async function signOut() {
47 const { error } = await supabase.auth.signOut()
48 if (error) console.error('Error signing out:', error.message)
49}