fix (deployment): resolving buildtime env vars issue (WIP)

Author: itsskofficial

src/client/Dockerfile

@@ -4,6 +4,32 @@
 FROM node:20-slim AS builder
 WORKDIR /app
 
+# ---- MODIFIED SECTION ----
+# Declare all build-time arguments that your application needs.
+# Anything prefixed with NEXT_PUBLIC_ is needed for the client-side bundle.
+# Others are needed for server-side logic during the build (if any).
+ARG NEXT_PUBLIC_APP_SERVER_URL
+ARG AUTH0_SECRET
+ARG AUTH0_BASE_URL # This is a legacy var in the template, you have APP_BASE_URL
+ARG APP_BASE_URL
+ARG AUTH0_ISSUER_BASE_URL
+ARG AUTH0_CLIENT_ID
+ARG AUTH0_CLIENT_SECRET
+ARG AUTH0_AUDIENCE
+ARG AUTH0_SCOPE
+
+# Set them as environment variables for the build process
+ENV NEXT_PUBLIC_APP_SERVER_URL=$NEXT_PUBLIC_APP_SERVER_URL
+ENV AUTH0_SECRET=$AUTH0_SECRET
+ENV AUTH0_BASE_URL=$AUTH0_BASE_URL
+ENV APP_BASE_URL=$APP_BASE_URL
+ENV AUTH0_ISSUER_BASE_URL=$AUTH0_ISSUER_BASE_URL
+ENV AUTH0_CLIENT_ID=$AUTH0_CLIENT_ID
+ENV AUTH0_CLIENT_SECRET=$AUTH0_CLIENT_SECRET
+ENV AUTH0_AUDIENCE=$AUTH0_AUDIENCE
+ENV AUTH0_SCOPE=$AUTH0_SCOPE
+# --------------------------
+
 # Copy package.json and lock file to leverage Docker cache
 COPY package.json ./
 RUN npm install
@@ -12,7 +38,7 @@ RUN npm install
 COPY . .
 
 # Build the Next.js application for production
-# This creates the .next/standalone folder
+# This command will now have access to all the ENV vars
 RUN npm run build
 
 
@@ -33,5 +59,6 @@ COPY --from=builder /app/.next/static ./.next/static
 # Expose the port the app will run on
 EXPOSE 3000
 
+# The runner stage will get its env vars from the docker-compose 'env_file'
 # The command to start the optimized Next.js server
 CMD ["node", "server.js"]

src/client/docker-compose.yaml

@@ -1,15 +1,28 @@
-# src/client/docker-compose.yml
+# src/client/docker-compose.yaml
 
 services:
   sentient-client:
-    # Build the image from the Dockerfile in the current directory
-    build: .
+    build:
+      context: .
+      # ---- MODIFIED SECTION ----
+      # Pass variables from the .env file as build arguments
+      # This makes them available during `npm run build`
+      args:
+        - NEXT_PUBLIC_APP_SERVER_URL=${NEXT_PUBLIC_APP_SERVER_URL}
+        - AUTH0_SECRET=${AUTH0_SECRET}
+        - AUTH0_BASE_URL=${AUTH0_BASE_URL}
+        - APP_BASE_URL=${APP_BASE_URL}
+        - AUTH0_ISSUER_BASE_URL=${AUTH0_ISSUER_BASE_URL}
+        - AUTH0_CLIENT_ID=${AUTH0_CLIENT_ID}
+        - AUTH0_CLIENT_SECRET=${AUTH0_CLIENT_SECRET}
+        - AUTH0_AUDIENCE=${AUTH0_AUDIENCE}
+        - AUTH0_SCOPE=${AUTH0_SCOPE}
+      # -------------------------
     container_name: sentient-client
-    # Always restart the container unless it is explicitly stopped
     restart: unless-stopped
-    # Map port 3000 on the VM to port 3000 inside the container
     ports:
       - "3000:3000"
-    # Load environment variables from a .env file in the same directory
+    # This loads the SAME .env file into the RUNNING container
+    # for server-side code to use at runtime.
     env_file:
       - .env

src/client/next.config.js

@@ -1,7 +1,13 @@
+// src/client/next.config.js
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 	images: {
 		unoptimized: true
+	},
+	// Add this section to keep console logs in production builds
+	compiler: {
+		removeConsole: false
 	}
 }