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=
+NEXT_PUBLIC_MARKETPLACE_BACKEND_URL='http://localhost:4020'

.vscode/settings.json

@@ -3,7 +3,7 @@
   "editor.formatOnSave": true,
   "editor.tabSize": 2,
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   // Tailwind CSS Autocomplete, add more if used in projects
   "tailwindCSS.classAttributes": [

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

@@ -0,0 +1,6 @@
+const marketBackendUrl =
+  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,13 +6,16 @@ const nextConfig = {
 
   reactStrictMode: true,
   swcMinify: true,
-
+  output: 'standalone',
   // Uncoment to add domain whitelist
-  // images: {
-  //   domains: [
-  //     'res.cloudinary.com',
-  //   ],
-  // },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },
 
   webpack(config) {
     // Grab the existing rule that handles SVG imports