https://github.com/xavimondev/multiple-auth-supabase
Three ways to authenticate on Supabase with React
https://github.com/xavimondev/multiple-auth-supabase
authentication javascript react supabase
Last synced: 11 months ago
JSON representation
Three ways to authenticate on Supabase with React
- Host: GitHub
- URL: https://github.com/xavimondev/multiple-auth-supabase
- Owner: xavimondev
- Created: 2022-02-27T04:04:07.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-03T20:39:21.000Z (over 4 years ago)
- Last Synced: 2025-04-08T13:24:53.097Z (about 1 year ago)
- Topics: authentication, javascript, react, supabase
- Language: JavaScript
- Homepage:
- Size: 7.81 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multiple authentication on Supabase using React
## Supabase - Set Up a Project and Profile table
1. Login to [Login - Supabase](https://supabase.com/)
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
- [Authenticacion with Google](https://supabase.com/docs/guides/auth/auth-google)
## 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`
- You can get the `SUPABASE_URL` and `ANON_KEY` following [Supabase - Project API Keys](#supabase-project-api-keys)
3. Run `npm run dev` to start developing mode