fix(build): configure JWT_SECRET for Next.js build and GitHub workflow

Author: coderomm

.github/workflows/cd_frontend.yml

@@ -25,4 +25,3 @@ jobs:
             JWT_SECRET=${{ secrets.JWT_SECRET }}
           push: true
           tags: coderomm/collabydraw:${{ github.sha }}
-      ## Step to deploy this to a VM

apps/collabydraw/next.config.ts

@@ -2,7 +2,14 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
-  reactStrictMode: false,
+  env: {
+    JWT_SECRET: process.env.JWT_SECRET,
+    DATABASE_URL: process.env.DATABASE_URL,
+  },
+
+  publicRuntimeConfig: {
+    JWT_SECRET: process.env.JWT_SECRET,
+  },
 };
 
 export default nextConfig;

apps/collabydraw/utils/auth.ts

@@ -61,7 +61,7 @@ export const authOptions: NextAuthOptions = {
 
       token.accessToken = jwt.sign(
         { id: token.id, email: token.email },
-        process.env.NEXTAUTH_SECRET || "",
+        process.env.NEXT_PUBLIC_JWT_SECRET || "",
         { expiresIn: "7d" }
       );
       return token;
@@ -75,5 +75,5 @@ export const authOptions: NextAuthOptions = {
       return session;
     },
   },
-  secret: process.env.NEXTAUTH_SECRET,
+  secret: process.env.NEXT_PUBLIC_JWT_SECRET,
 };

docker/Dockerfile.frontend

@@ -8,7 +8,11 @@ WORKDIR /usr/src/app
 # Add ARG for DATABASE_URL
 ARG DATABASE_URL
 ARG JWT_SECRET
-# ENV DATABASE_URL=${DATABASE_URL}
+
+# Set environment variables
+ENV DATABASE_URL=${DATABASE_URL}
+ENV JWT_SECRET=${JWT_SECRET}
+ENV NEXT_PUBLIC_JWT_SECRET=${JWT_SECRET}
 
 # Copy necessary files for dependency installation
 COPY ./packages ./packages
@@ -34,9 +38,10 @@ RUN prisma generate
 # Change back to the root directory
 WORKDIR /usr/src/app
 
+# Debug step: print environment variables
+RUN echo "DATABASE_URL: ${DATABASE_URL}" && echo "JWT_SECRET set: ${JWT_SECRET:+yes}"
+
 # Build the application with database URL
-ENV DATABASE_URL=${DATABASE_URL}
-ENV JWT_SECRET=${JWT_SECRET}
 RUN pnpm run build
 
 # Expose the port