Skip to content

Servicio-Social-Sistemas/web-encuestas

Repository files navigation

Multiple authentication on Supabase using React

Supabase - Set Up a Project and Profile table

  1. Login to Login - Supabase
  2. Create a new project and fill the fields
  3. Go to SQL Editor and select 'User Management Starter' template
  4. Remove realtime block and storage block of the template
  5. On profiles table:
    • Remove the following columns 'avatar_url' and 'website' and rename 'username' column to 'full_name'
    • Remove unique constraint applied on 'username' column
  6. Run the script and the table 'profiles' will be created

Supabase - Project API Keys

  1. Sign In on Supabase
  2. Go to settings option on sidebar
  3. Select API option on project settings block
  4. Copy 'anon public' and 'URL'

Supabase - Set Up Email Auth

  1. Sign In on Supabase
  2. Go to authentication option on sidebar
  3. On Email Auth block, disabled Double confirm email changes and Enable email confirmations

Supabase - Set Up Google Provider

Development

  1. Clone this repo to a directory and then run npm install
  2. Set-up your environment variables following the .env.example file. NOTE: The environment file must be named like: .env
  1. Run npm run dev to start developing mode