Switch to Firebase

VITE(TS)

JWT to Firebase

1. Set Firebase Config

At present, Firebase requires you to set a secret in the following file. For more details, refer to Firebase here: https://firebase.google.com/docs/reference/rest/auth

.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 Config

src\config.Js

export const APP_AUTH: AuthProvider = AuthProvider.FIREBASE;

1. Change AuthProvider

Comment out another provider in the following file and uncomment the Firebase one.

src/App.tsx

import { FirebaseProvider as AuthProvider } from 'contexts/FirebaseContext';

1. Change Auth Hooks

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

src/hooks/useAuth.ts

import AuthContext from 'contexts/FirebaseContext';

VITE(JS)

JWT to Firebase

1. Set Firebase Config

At present, Firebase requires you to set a secret in the following file. For more details, refer to Firebase here: https://firebase.google.com/docs/reference/rest/auth

.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 Config

src\config.Js

export const APP_AUTH: AuthProvider = AuthProvider.FIREBASE;

1. Change AuthProvider

Comment out another provider in the following file and uncomment the Firebase one.

src/App.Jsx

import { FirebaseProvider as AuthProvider } from 'contexts/FirebaseContext';

1. Change Auth Hooks

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

src/hooks/useAuth.Js

import AuthContext from 'contexts/FirebaseContext';

NEXT(TS)

For NextJS, refer next-auth site: https://authjs.dev/reference/core/providers_google

NEXT(JS)

For NextJS, refer next-auth site: https://authjs.dev/reference/core/providers_google