refactor: rename env vars

.bin/01-serve.sh

@@ -16,8 +16,8 @@ echo "MONGO_INITDB_USERNAME      = ${MONGO_INITDB_USERNAME}"
 echo "MONGO_INITDB_PASSWORD      = ${MONGO_INITDB_PASSWORD}"
 
 # Next.js
-echo "NEXT_FRONTEND_URL          = ${NEXT_FRONTEND_URL}"
-echo "NEXT_MONGO_URL             = ${NEXT_MONGO_URL}"
+echo "NEXT_PUBLIC_FRONTEND_URL          = ${NEXT_PUBLIC_FRONTEND_URL}"
+echo "MONGO_URL             = ${MONGO_URL}"
 
 BUILD_VERSION=$(git rev-parse --short HEAD)
 echo "BUILD_VERSION              = ${BUILD_VERSION}"

.bin/02-seed.sh

@@ -7,8 +7,8 @@ set -a
 . .env.local
 set +a
 
-echo "NEXT_FRONTEND_URL = ${NEXT_FRONTEND_URL}"
-echo "NEXT_MONGO_URL    = ${NEXT_MONGO_URL}"
+echo "NEXT_PUBLIC_FRONTEND_URL = ${NEXT_PUBLIC_FRONTEND_URL}"
+echo "MONGO_URL    = ${MONGO_URL}"
 
 cd bootstrap/src
 

.env.example

@@ -8,5 +8,5 @@ MONGO_INITDB_USERNAME="ruleOfThumbDbUser"
 MONGO_INITDB_PASSWORD="ruleOfThumbDbPassword"
 
 ## FRONTEND: NextJS connected to the mongo container
-NEXT_FRONTEND_URL="http://localhost:3000"
-NEXT_MONGO_URL="mongodb://${MONGO_INITDB_USERNAME}:${MONGO_INITDB_PASSWORD}@mongo:27017/${MONGO_INITDB_DATABASE}"
+NEXT_PUBLIC_FRONTEND_URL="http://localhost:3000"
+MONGO_URL="mongodb://${MONGO_INITDB_USERNAME}:${MONGO_INITDB_PASSWORD}@mongo:27017/${MONGO_INITDB_DATABASE}"

.env.local.example

@@ -17,6 +17,6 @@
 ## Then deploy to production using "npm run build" and then "npm start"
 
 ## FRONTEND: NextJS connected to a local/remote mongo instance
-NEXT_FRONTEND_URL="http://localhost:3000"
-NEXT_MONGO_URL="mongodb://ruleOfThumbDbUser:ruleOfThumbDbPassword@localhost:27017/ruleOfThumbDatabase"
+NEXT_PUBLIC_FRONTEND_URL="http://localhost:3000"
+MONGO_URL="mongodb://ruleOfThumbDbUser:ruleOfThumbDbPassword@localhost:27017/ruleOfThumbDatabase"
 

.github/workflows/playwright.yml

@@ -42,7 +42,7 @@ jobs:
       - name: Run Playwright tests
         run: pnpm test:e2e
         env:
-          NEXT_FRONTEND_URL: ${{ github.event.deployment_status.target_url }}
+          NEXT_PUBLIC_FRONTEND_URL: ${{ github.event.deployment_status.target_url }}
 
       - uses: actions/upload-artifact@v4
         if: always()

apps/bootstrap/src/client.mjs

@@ -7,17 +7,17 @@ let client;
 export async function getClient() {
   // Use connect method to connect to the server
   if (!client) {
-    let url = process.env.NEXT_MONGO_URL;
+    let url = process.env.MONGO_URL;
 
     if (!url) {
       throw new Error(
-        'Mongo URL is not defined, use NEXT_MONGO_URL environment variable'
+        'Mongo URL is not defined, use MONGO_URL environment variable'
       );
     }
 
     console.log('starting getClient...', {
       database: process.env.MONGO_INITDB_DATABASE,
-      url: process.env.NEXT_MONGO_URL,
+      url: process.env.MONGO_URL,
     });
 
     client = new MongoClient(url);

apps/nextjs/playwright.config.ts

@@ -11,7 +11,8 @@ import { devices } from '@playwright/test';
 const PORT = Number(process.env.PORT) || 3000;
 
 // Set webServer.url and use.baseURL with the location of the WebServer respecting the correct set port
-const BASE_URL = process.env.NEXT_FRONTEND_URL || `http://localhost:${PORT}`;
+const BASE_URL =
+  process.env.NEXT_PUBLIC_FRONTEND_URL || `http://localhost:${PORT}`;
 
 /**
  * See https://playwright.dev/docs/test-configuration.

apps/nextjs/src/types/env.d.ts

@@ -1,8 +1,8 @@
 declare global {
   namespace NodeJS {
     interface ProcessEnv {
-      readonly NEXT_FRONTEND_URL: string;
-      readonly NEXT_MONGO_URL: string;
+      readonly NEXT_PUBLIC_FRONTEND_URL: string;
+      readonly MONGO_URL: string;
       readonly LOG_LEVEL?: string;
     }
   }
@@ -12,7 +12,7 @@ declare global {
 
 interface ImportMeta {
   emv: {
-    NEXT_FRONTEND_URL: string;
+    NEXT_PUBLIC_FRONTEND_URL: string;
   };
 }
 

docker-compose.yml

@@ -12,8 +12,8 @@ services:
     env_file:
       - .env.docker
     environment:
-      NEXT_FRONTEND_URL: ${NEXT_FRONTEND_URL:-http://localhost:3000}
-      NEXT_MONGO_URL: ${NEXT_MONGO_URL:-mongodb://mongo:27017/ruleOfThumb}
+      NEXT_PUBLIC_FRONTEND_URL: ${NEXT_PUBLIC_FRONTEND_URL:-http://localhost:3000}
+      MONGO_URL: ${MONGO_URL:-mongodb://mongo:27017/ruleOfThumb}
     networks:
       - nextjs-network
     ports:

libs/backend/src/application/clients/mongo.client.ts

@@ -15,7 +15,7 @@ let client: MongoClient;
 const collection: Record<string, unknown> = {};
 const bucket: Record<string, GridFSBucket> = {};
 
-const mongoDbUrl = process.env.NEXT_MONGO_URL;
+const mongoDbUrl = process.env.MONGO_URL;
 
 export async function getMongoClient(options?: MongoClientOptions) {
   // Connection URL
@@ -24,7 +24,7 @@ export async function getMongoClient(options?: MongoClientOptions) {
   if (!client) {
     if (!mongoDbUrl) {
       throw new Error(
-        'Mongo URL is not defined, use NEXT_MONGO_URL environment variable'
+        'Mongo URL is not defined, use MONGO_URL environment variable'
       );
     }
 

libs/frontend/src/application/services/get-celebrities.service.ts

@@ -2,7 +2,7 @@ import type { CelebritiesType } from '@libs/shared';
 
 export async function getCelebritiesService(): Promise<CelebritiesType> {
   const response = await fetch(
-    new URL('/api/celebrities', process.env.NEXT_PUBLIC_PUBLIC_URL)
+    new URL('/api/celebrities', process.env.NEXT_PUBLIC_FRONTEND_URL)
   );
 
   if (!response.ok) {

libs/frontend/src/application/services/update-vote.service.ts

@@ -11,7 +11,7 @@ export async function updateVoteService({
   const response = await fetch(
     new URL(
       `/api/celebrities/${celebrityId}`,
-      process.env.NEXT_PUBLIC_PUBLIC_URL
+      process.env.NEXT_PUBLIC_FRONTEND_URL
     ),
     {
       method: 'PATCH',

turbo.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://turbo.build/schema.json",
-  "globalEnv": ["LOG_LEVEL"],
+  "globalEnv": ["LOG_LEVEL", "MONGO_URL", "NEXT_PUBLIC_FRONTEND_URL"],
   "pipeline": {
     "dev": {
       "cache": false,