Firebase (Demo)


Update rule in Cloud Firestore
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth.uid != null;
    }
  }
}

Step 2:

Update .env

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APPID=
.env

Step 3:

Update src/App or src/app/layout

import { AuthProvider } from 'src/auth/context/firebase';
 
<AuthProvider>
  {children}
</AuthProvider>;
src/App or src/app/layout

Step 4:

Update src/auth/hooks/use-auth-context

import { AuthContext } from '../context/firebase/auth-context';
src/auth/hooks/use-auth-context.js

Get API KEY

Video

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APPID=
minimal-preview