fix(netlify): add runtime env fallback generation for server env reads

Author: LesiaUKR

frontend/lib/env/runtime-env.generated.ts

@@ -0,0 +1,3 @@
+import 'server-only';
+
+export const RUNTIME_ENV: Readonly<Record<string, string>> = {};

frontend/lib/env/server-env.ts

@@ -1,5 +1,7 @@
 import 'server-only';
 
+import { RUNTIME_ENV } from './runtime-env.generated';
+
 type NetlifyEnv = {
   get?: (key: string) => string | undefined;
 };
@@ -29,5 +31,13 @@ export function readServerEnv(key: string): string | undefined {
   const fromProcess = process.env[key]?.trim();
   if (fromProcess) return fromProcess;
 
-  return readFromNetlifyEnv(key);
+  const fromNetlify = readFromNetlifyEnv(key);
+  if (fromNetlify) return fromNetlify;
+
+  return readFromGeneratedRuntimeEnv(key);
 }
+
+function readFromGeneratedRuntimeEnv(key: string): string | undefined {
+  const value = RUNTIME_ENV[key];
+  return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+}

frontend/scripts/generate-env-runtime.mjs

@@ -0,0 +1,44 @@
+import { readFileSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+
+const root = process.cwd();
+const examplePath = resolve(root, '.env.example');
+const outputPath = resolve(root, 'lib/env/runtime-env.generated.ts');
+
+const keyRegex = /^([A-Z][A-Z0-9_]*)=/;
+
+const keys = Array.from(
+  new Set(
+    readFileSync(examplePath, 'utf8')
+      .split(/\r?\n/)
+      .map(line => line.trim())
+      .filter(line => line && !line.startsWith('#'))
+      .map(line => {
+        const match = line.match(keyRegex);
+        return match ? match[1] : null;
+      })
+      .filter(Boolean)
+  )
+);
+
+const entries = [];
+
+for (const key of keys) {
+  const value = process.env[key];
+  if (typeof value !== 'string' || value.length === 0) continue;
+  entries.push([key, value]);
+}
+
+const objectBody = entries
+  .map(([key, value]) => `  ${JSON.stringify(key)}: ${JSON.stringify(value)},`)
+  .join('\n');
+
+const fileContent = `import 'server-only';
+
+export const RUNTIME_ENV: Readonly<Record<string, string>> = {
+${objectBody}
+};
+`;
+
+writeFileSync(outputPath, fileContent, 'utf8');
+console.log(`[env] generated runtime-env.generated.ts with ${entries.length} keys`);

netlify.toml

@@ -1,6 +1,6 @@
 [build]
   base = "frontend"
-  command = "npm ci --include=optional && npm run build"
+  command = "npm ci --include=optional && node scripts/generate-env-runtime.mjs && npm run build"
   publish = ".next"
 
 [build.environment]