Firebase App

Click project overview > project settings

Create a web project

Register app with app nickname

You will get the firebase configuration detail here

Record down the following settings:

• apiKey
• authDomain
• databaseURL
• projectId
• storageBucket
• messagingSenderId
• appId

Configure apiKey, authDomain, databaseURL, projectId, storageBucket, messagingSenderId and appId into the web/.env.local

NEXT_PUBLIC_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
NEXT_PUBLIC_FIREBASE_DATABASE_URL=YOUR_FIREBASE_DATABASE_URL
NEXT_PUBLIC_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=YOUR_IREBASE_STORAGE_BUCKET
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID
NEXT_PUBLIC_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID

Configure databaseURL, projectId, and storageBucket into the api/.env

FIREBASE_DATABASE_URL=YOUR_DATABASE_URL
FIREBASE_PROJECT_ID=YOUR_PROJECT_ID
FIREBASE_STORAGE_BUCKET=YOUR_STORAGE_BUCKET

Repeat the same steps to create a firebase app for the production environment.