Create docker for frontend

Author: evanyan13

frontend/Dockerfile

@@ -0,0 +1,20 @@
+# Use an official Node.js runtime as the base image
+FROM node:20-alpine
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy the package.json and package-lock.json files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Expose the port the app runs on (default is 3000 for Next.js)
+EXPOSE 3000
+
+# Start Next.js in development mode with hot-reloading
+CMD ["npm", "run", "dev"]

frontend/docker-compose.yml

@@ -0,0 +1,14 @@
+version: "3"
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    volumes:
+      - .:/app
+      - /app/node_modules
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=development
+    command: npm run dev