Update the Next JS configuration file to set the FIREBASE_CONFIG envi…

…ronment variable (codeforbtv#45)
NathanWEdwards · Feb 25, 2024 · 0cbdac2 · 0cbdac2
1 parent ca11aca
commit 0cbdac2
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -63,11 +63,11 @@ If you have performed the above step, the following step should not be necessary
 firebase login
 ```
 
-Set the `NEXT_PUBLIC_FIREBASE_CONFIG` environment variable. For more details about what is in a Firebase config, visit [Understand Firebase projects  |  Firebase Documentation (google.com)](https://firebase.google.com/docs/projects/learn-more#config-files-objects):
+Set the `FIREBASE_CONFIG` environment variable. For more details about what is in a Firebase config, visit [Understand Firebase projects  |  Firebase Documentation (google.com)](https://firebase.google.com/docs/projects/learn-more#config-files-objects):
 
 
 ```
-export NEXT_PUBLIC_FIREBASE_CONFIG="{ \
+export FIREBASE_CONFIG="{ \
   \"apiKey\": \"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\", \
   \"authDomain\": \"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\", \
   \"projectId\": \"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\", \
@@ -77,7 +77,7 @@ export NEXT_PUBLIC_FIREBASE_CONFIG="{ \
 }"
 ```
 
-or, `export NEXT_PUBLIC_FIREBASE_CONFIG="$(cat <path_to_Firebace_JSON_configuration_file)"`.
+or, `export FIREBASE_CONFIG="$(cat <path_to_Firebace_JSON_configuration_file)"`.
 
 #### Configuration File Dependencies
 

diff --git a/functions/src/index.ts b/functions/src/index.ts
@@ -29,7 +29,7 @@ type Event = {
     modifiedAt: string;
 };
 
-const firebaseConfig = JSON.parse(process.env.NEXT_PUBLIC_FIREBASE_CONFIG ?? process.env.FIREBASE_CONFIG ?? '{}');
+const firebaseConfig = JSON.parse(process.env.FIREBASE_CONFIG ?? '{}');
 
 const app: App = admin.initializeApp({
     credential: applicationDefault(),

diff --git a/next.config.js b/next.config.js
@@ -1,5 +1,11 @@
+
+const FIREBASE_CONFIG = process.env.FIREBASE_CONFIG;
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+    env: {
+        FIREBASE_CONFIG
+    },
     experimental: {
         serverActions: true
     }

diff --git a/src/api/firebase.ts b/src/api/firebase.ts
@@ -15,7 +15,7 @@ import {
 } from 'firebase/auth';
 import { AccountInformation, UserBody } from '@/types/post-data';
 
-const firebaseConfig = JSON.parse(process.env.NEXT_PUBLIC_FIREBASE_CONFIG ?? '{}');
+const firebaseConfig = JSON.parse(process.env.FIREBASE_CONFIG ?? '{}');
 
 export const app: FirebaseApp = initializeApp(firebaseConfig);
 export const db: Firestore = initDb();