diff --git a/apps/client/components/Meta.tsx b/apps/client/components/Meta.tsx
index e2f25f7a..3a87fa14 100644
--- a/apps/client/components/Meta.tsx
+++ b/apps/client/components/Meta.tsx
@@ -43,6 +43,9 @@ export default function Meta() {
                 href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css"
                 rel="stylesheet"
             />
+
+            {/* <!-- NEXT_PUBLIC_ env variables --> */}
+            <script src="/__env.js" />
         </Head>
     )
 }
diff --git a/apps/client/env.ts b/apps/client/env.ts
index ac655b4e..d06f0848 100644
--- a/apps/client/env.ts
+++ b/apps/client/env.ts
@@ -1,8 +1,27 @@
+function isBrowser() {
+    return Boolean(typeof window !== "undefined" && (window.__env || window.__appenv));
+}
+
+function env(key: string) {
+    if (!key.length) {
+      throw new Error('No env key provided');
+    }
+  
+    if (isBrowser()) {
+      if (key in window.__appenv)
+        return window.__appenv[key];
+  
+      return window.__env[key];
+    }
+  
+    return process.env[key];
+}
+
 const env = {
-    NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3333',
-    NEXT_PUBLIC_LD_CLIENT_SIDE_ID: process.env.NEXT_PUBLIC_LD_CLIENT_SIDE_ID || 'REPLACE_THIS',
-    NEXT_PUBLIC_SENTRY_DSN: process.env.NEXT_PUBLIC_SENTRY_DSN,
-    NEXT_PUBLIC_SENTRY_ENV: process.env.NEXT_PUBLIC_SENTRY_ENV,
+    NEXT_PUBLIC_API_URL: env("NEXT_PUBLIC_API_URL") || 'http://localhost:3333',
+    NEXT_PUBLIC_LD_CLIENT_SIDE_ID: env("process.env.NEXT_PUBLIC_LD_CLIENT_SIDE_ID") || 'REPLACE_THIS',
+    NEXT_PUBLIC_SENTRY_DSN: env("process.env.NEXT_PUBLIC_SENTRY_DSN"),
+    NEXT_PUBLIC_SENTRY_ENV: env("process.env.NEXT_PUBLIC_SENTRY_ENV"),
 }
 
 export default env
diff --git a/apps/client/public/__appenv.js b/apps/client/public/__appenv.js
new file mode 100644
index 00000000..37f5ff52
--- /dev/null
+++ b/apps/client/public/__appenv.js
@@ -0,0 +1 @@
+window.__appenv = {}
\ No newline at end of file