Merge pull request #155 from CS3219-AY2425S1/feature/frontend-docker

Add dockerfile for frontend and use port 8000 for question

Author: jq1836

.env.sample

@@ -1,8 +1,11 @@
 # Common variables
 BUILD_ENV=dev
 
+# Frontend variables
+FRONTEND_PORT=3000
+
 # Question service variables
-QUESTION_SVC_PORT=8001
+QUESTION_SVC_PORT=8000
 QUESTION_SVC_DB_URI=
 
 

docker-compose.yml

@@ -1,4 +1,14 @@
 services:
+  frontend:
+    build:
+      context: ./frontend
+      target: $BUILD_ENV
+    ports:
+      - $FRONTEND_PORT:$FRONTEND_PORT
+    depends_on:
+      - question-service
+      - user-service
+
   question-service:
     build:
       context: ./question-service

frontend/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+.next

frontend/Dockerfile

@@ -0,0 +1,19 @@
+# Build stage
+FROM node:20-alpine AS base
+WORKDIR /app
+COPY package.json yarn.lock ./
+RUN yarn install --frozen-lockfile
+
+# Development stage
+FROM base AS dev
+COPY . .
+CMD ["yarn", "dev"]
+
+# Production build stage
+FROM base AS build
+COPY . .
+RUN yarn build
+
+# Production runtime stage
+FROM build AS prod
+CMD ["yarn", "start"]