Berry React
v4.1.0
v4.1.0
  • Introduction
  • Package
  • Getting Started
    • Pre-requisites
    • Quick Start
    • Mock backend
    • Deployment
    • Licensing
  • Setup
    • Seed
    • To Existing Project
  • Folder Structure
  • State Management
  • Multi Language
  • Authentication
    • Firebase
    • Auth0
    • AWS Cognito
    • Supabase
  • API Calls
  • Routing
    • New Menu
    • Login as First Page
    • Skip Login
    • Render Menu from the backend
    • Remove menu render via backend
  • Theme
    • Configuration
    • Presets
    • Style
      • Color
      • Typography
      • Overrides
      • Shadows
    • Layouts
    • Logo
  • How to
    • Remove eslint
    • Remove prettier
  • Components
    • Avatar
    • AnimateButton
    • Accordion
    • Breadcrumbs
    • Chip
    • ImageList
    • MainCard
    • Transitions
    • SubCard
  • Dependencies
  • Support
    • Roadmap
    • Changelog
    • FAQ
  • Berry Eco System
Powered by GitBook
On this page

Was this helpful?

  1. Authentication

Supabase

Was this helpful?

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:

  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;

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:

  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;

  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;

  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;

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:

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/
https://supabase.com/
https://supabase.com/
https://supabase.com/