fix: logo not rendering in prod

bettersg · Dec 29, 2024 · 2ffa5b9 · 2ffa5b9
1 parent 310baad
commit 2ffa5b9
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/frontend/firebase.json b/frontend/firebase.json
@@ -9,8 +9,18 @@
         "**/node_modules/**"
       ],
       "frameworksBackend": {
-        "region": "asia-east1"
-      }
+        "region": "asia-southeast1"
+      },
+      "rewrites": [
+        {
+          "source": "/_next/**",
+          "destination": "/_next/**"
+        },
+        {
+          "source": "**",
+          "destination": "/index.html"
+        }
+      ]
     },
     {
       "target": "prod",
@@ -21,8 +31,18 @@
         "**/node_modules/**"
       ],
       "frameworksBackend": {
-        "region": "asia-east1"
-      }
+        "region": "asia-southeast1"
+      },
+      "rewrites": [
+        {
+          "source": "/_next/**",
+          "destination": "/_next/**"
+        },
+        {
+          "source": "**",
+          "destination": "/index.html"
+        }
+      ]
     }
   ]
 }
diff --git a/frontend/next.config.mjs b/frontend/next.config.mjs
@@ -4,6 +4,9 @@ const nextConfig = {
   env: {
     APP_ENV: process.env.APP_ENV || 'development',
   },
+  images: {
+    domains: ['schemes.sg'],
+  },
   // You can add environment-specific configurations here if needed
   // For example:
   // publicRuntimeConfig: {

diff --git a/frontend/src/components/main-header/main-header.tsx b/frontend/src/components/main-header/main-header.tsx
@@ -80,6 +80,7 @@ export default function MainHeader() {
                 alt="Schemes SG logo"
                 width={120}
                 height={30}
+                unoptimized
                 priority
               />
             </a>