Config file to integrate firebase with next.js or react projects in general

firebaseApp.js

// This assumes you have a .env.local with firebase config constants

import * as firebase from 'firebase/app' // yarn add firebase
import 'firebase/auth' // if you use them
import 'firebase/firestore' // if you use them

const config = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_APIKEY,
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTHDOMAIN,
  databaseURL: process.env.NEXT_PUBLIC_FIREBASE_DATABASEURL,
  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECTID,
  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGEBUCKET,
  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID,
  appId: process.env.NEXT_PUBLIC_FIREBASE_APPID,
  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENTID
}

if (!firebase.apps.length) {
  firebase.initializeApp(config)
}

export default firebase