Abstracted build argument in dockerfile, added docker instructions and ignore file

Author: bensohh

apps/frontend/.dockerignore

@@ -0,0 +1,8 @@
+node_modules
+.dockerignore
+.git
+.gitignore
+.next
+out
+public
+README.md

apps/frontend/Dockerfile

@@ -1,7 +1,8 @@
 FROM node:18-alpine AS base
 
 # For now we can specify it here, else we can use --build-arg in our docker build command
-ENV NEXT_PUBLIC_API_URL="http://localhost:8080/"
+ARG NEXT_PUBLIC_API_URL
+ENV NEXT_PUBLIC_API_URL=${NEXT_PUBLIC_API_URL}
 
 # Install dependencies only when needed
 FROM base AS deps

apps/frontend/README.md

@@ -42,7 +42,20 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 # Navigate to the frontend app directory
 cd apps/frontend
 # Build dockerfile (Ensure that your docker daemon is running beforehand)
-docker build -t frontend -f Dockerfile .
+docker build -t frontend --build-arg NEXT_PUBLIC_API_URL="http://localhost:8080/" -f Dockerfile .
 ```
 
 Run the backend server locally and visit http://localhost:3000/ to see the frontend application working
+
+## Running Docker Image
+
+```sh
+# Run the docker image, the -d tag is to run it detached
+docker run -p 3000:3000 -d frontend
+
+# To see the running container
+docker ps
+
+# To stop the container, copy the container id from the previous command
+docker stop <container_id>
+```