Berry React
v3.9.1
v3.9.1
  • Introduction
  • Package
  • Getting Started
    • Pre-requisites
    • Quick Start
    • Mock backend
    • Deployment
    • Licensing
  • Setup
    • Seed
    • To Existing Project
  • Folder Structure
  • State Management
  • Multi Language
  • Authentication
    • AWS Cognito
    • Auth0
    • Firebase
  • API Calls
  • Routing
    • New Menu
    • Login as First Page
    • Skip Login
      • VITE
      • NextJS
    • 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
    • Vite js
    • Next js
  • Support
    • Roadmap
    • Changelog
    • FAQ
  • 🎺About - Berry Remix
  • Berry Eco System
Powered by GitBook
On this page

Was this helpful?

  1. Authentication

Firebase

Last updated 10 months ago

Was this helpful?

At present, firebase uses you need to set a secret in the following file. For more detail refer to firebase here:

  1. Set Firebase Config in .env

.env
###
## Firebase - Google Auth 

VITE_APP_FIREBASE_API_KEY=
VITE_APP_FIREBASE_AUTH_DOMAIN=
VITE_APP_FIREBASE_PROJECT_ID=
VITE_APP_FIREBASE_STORAGE_BUCKET=
VITE_APP_FIREBASE_MESSAGING_SENDER_ID=
VITE_APP_FIREBASE_APP_ID=
VITE_APP_FIREBASE_MEASUREMENT_ID=
###
  1. Change AuthProvider

..\src\App.jsx
// Replace at line 17
import { FirebaseProvider as AuthProvider } from 'contexts/FirebaseContext';
  1. Change auth Hooks

Comment another context in the following file and uncomment Firebase one.

..\src\hooks\useAuth.js
import AuthContext from 'contexts/FirebaseContext';
  1. Replace Login Code

It's super simple. We have provided a code that just needs to be replaced.

  • VITE:

    • From: src\views\pages\authentication\login\FirebaseLogin

    • To: src\views\pages\authentication\auth-forms\AuthLogin.tsx

  • NEXTJS:

    • From: src\components\Authentication\login\FirebaseLogin

    • To: src\components\Authentication\auth-forms\AuthLogin.jsx

  1. Replace Register Code

  • VITE:

    • From: src\views\pages\authentication\register\FirebaseRegister

    • To: src\views\pages\authentication\auth-forms\AuthRegister.jsx

  • NEXTJS:

    • From: src\components\Authentication\register\FirebaseRegister

    • To: src\components\Authentication\auth-forms\AuthRegister.jsx

https://firebase.google.com/docs/reference/rest/auth