Merge branch 'dev' of https://github.com/COMPASS-DPG/marketplace-ui i…

…nto dev

.env.example

@@ -3,4 +3,6 @@
 # DEVELOPMENT TOOLS
 # Ideally, don't add them to production deployment envs
 # !STARTERCONF Change to true if you want to log data
-NEXT_PUBLIC_SHOW_LOGGER="false"
+NEXT_PUBLIC_SHOW_LOGGER="false"
+PORT=3400
+NEXT_PUBLIC_MARKETPLACE_BACKEND_URL='http://localhost:4020'

Dockerfile

@@ -0,0 +1,40 @@
+# Stage 1: Build Stage
+FROM node:18-alpine AS build
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json to the working directory
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the application code to the container
+COPY . .
+COPY .env.example ./env.local
+
+# Build the Next.js app
+RUN npm run build
+
+# Stage 2: Runtime Stage
+FROM node:18-alpine
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy only necessary files from the build stage
+ENV NODE_ENV production
+
+COPY --from=build /app/next.config.js ./next.config.js
+COPY --from=build /app/public ./public
+COPY --from=build /app/package.json ./package.json
+COPY --from=build /app/.next/standalone ./
+COPY --from=build /app/.next/static ./.next/static
+COPY .env.example ./env.local
+
+# Expose the desired port
+EXPOSE 3400
+
+# Start the Next.js app
+CMD ["node", "server.js"]

config.js

@@ -1,5 +1,5 @@
 const marketBackendUrl =
-  process.env.NEXT_PUBLIC_MARKETPLACE_BACKEND_URL || 'http://localhost:3000';
+  process.env.NEXT_PUBLIC_MARKETPLACE_BACKEND_URL || 'http://localhost:4020';
 
 module.exports = {
   marketBackendUrl,

docker-compose.yml

@@ -0,0 +1,15 @@
+version: '3'
+
+services:
+  marketplace-ui:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "3400:3000"
+    networks:
+      - samagra_compass
+
+networks:
+  samagra_compass:
+    external: true

next.config.js

@@ -6,7 +6,7 @@ const nextConfig = {
 
   reactStrictMode: true,
   swcMinify: true,
-
+  output: 'standalone',
   // Uncoment to add domain whitelist
   images: {
     remotePatterns: [