Merge branch 'feature/frontend-docker' of github.com:CS3219-AY2425S1/cs3219-ay2425s1-project-g50 into feature/frontend-docker

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,16 @@
 services:
+  frontend:
+    build:
+      context: ./frontend
+      target: $BUILD_ENV
+    ports:
+      - $FRONTEND_PORT:$FRONTEND_PORT
+    volumes:
+      - ./frontend:/app
+      - /app/node_modules
+    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,24 @@
+# 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 node:20-alpine AS prod
+WORKDIR /app
+COPY --from=build /app/package.json /app/yarn.lock ./
+COPY --from=build /app/.next ./.next
+COPY --from=build /app/public ./public
+RUN yarn install --production --frozen-lockfile
+CMD ["yarn", "start"]