Supabase

VITE (TS)

Currently, Supabse uses a dummy config, so we don't need to change anything, but in actual implementation, you need to set poolId and appClientId in the following file. For more detail, refer to Supabse here: https://supabase.com/

1. Set Supabase Config in .env

.env

## Supabase
VITE_SUPABASE_URL =
VITE_SUPABASE_ANON_KEY =

1. Change AuthProvider

src/App.tsx

// Replace at line 17
import { SupabaseProvider AuthProvider } from 'contexts/SupabaseContext

1. Change auth Hooks

   1. Comment another context in the following file and uncomment the Auth0 one.

src\hooks\useAuth.ts

import AuthContext from 'contexts/SupabaseContext';

1. Change Auth Login Method

src/config.ts

export const APP_AUTH: AuthProvider = AuthProvider.SUPABASE;

VITE (JS)

Currently, Supabse uses a dummy config, so we don't need to change anything, but in actual implementation, you need to set poolId and appClientId in the following file. For more detail, refer to Supabse here: https://supabase.com/

1. Set Supabase Config in .env

.env

## Supabase
VITE_SUPABASE_URL =
VITE_SUPABASE_ANON_KEY =

1. Change AuthProvider

src/App.jsx

// Replace at line 17
import { SupabaseProvider AuthProvider } from 'contexts/SupabaseContext

1. Change auth Hooks

   1. Comment another context in the following file and uncomment the Auth0 one.

src\hooks\useAuth.js

import AuthContext from 'contexts/SupabaseContext';

1. Change Auth Login Method

src/config.js

export const APP_AUTH: AuthProvider = AuthProvider.SUPABASE;

NEXT (TS)

Currently, Supabse uses a dummy config, so we don't need to change anything, but in actual implementation, you need to set poolId and appClientId in the following file. For more detail, refer to Supabse here: https://supabase.com/

1. Set Supabase Config in .env

.env

## Supabase
VITE_SUPABASE_URL =
VITE_SUPABASE_ANON_KEY =

1. Change AuthProvider

src/store/ProviderWrapper.tsx

// Replace at line 17
import { SupabaseProvider AuthProvider } from 'contexts/SupabaseContext

1. Change auth Hooks

   1. Comment another context in the following file and uncomment the Auth0 one.

src\hooks\useAuth.ts

import AuthContext from 'contexts/SupabaseContext';

1. Change Auth Login Method

src/config.ts

export const APP_AUTH: AuthProvider = AuthProvider.SUPABASE;

NEXT (JS)

Currently, Supabse uses a dummy config, so we don't need to change anything, but in actual implementation, you need to set poolId and appClientId in the following file. For more detail, refer to Supabse here: https://supabase.com/

1. Set Supabase Config in .env

.env

## Supabase
VITE_SUPABASE_URL =
VITE_SUPABASE_ANON_KEY =

1. Change AuthProvider

src/store/ProviderWrapper.jsx

// Replace at line 17
import { SupabaseProvider AuthProvider } from 'contexts/SupabaseContext

1. Change auth Hooks

   1. Comment another context in the following file and uncomment the Auth0 one.

src\hooks\useAuth.js

import AuthContext from 'contexts/SupabaseContext';

1. Change Auth Login Method

src/config.js

export const APP_AUTH: AuthProvider = AuthProvider.SUPABASE;