chore: Add docker setup for client localhost development

Author: weaponsforge

README.md

@@ -27,5 +27,20 @@ The following dependecies are used for this project. Feel free to experiment usi
 
 2. Follow the instructions on the README files inside the `/client` directory for more information on configuring and using the NextJS client app.
 
+## Quick Usage Guide
+
+### Manual Installation and Usage
+
+1. Navigate to the **/client** directory from the commandline.
+2. Run: `npm run install`
+3. Run: `npm run dev`
+
+### Localhost Development Using Docker
+
+> **NOTE:** Requires Docker installed on the development machine.
+
+1. Navogate the the repository's root directory from the commandline.
+2. Run: `docker compose up`
+
 @weaponsforge<br>
 20230319

client/Dockerfile

@@ -0,0 +1,14 @@
+FROM node:18.14.2-alpine as base
+RUN mkdir -p /opt/client
+WORKDIR /opt/client
+RUN adduser -S client
+RUN chown -R client /opt/client
+COPY package*.json ./
+
+# DEVELOPMENT CLIENT PROFILE
+FROM base as development
+ENV NODE_ENV=development
+RUN npm install && npm cache clean --force
+COPY . ./
+EXPOSE 3000
+CMD ["npm", "run", "dev"]

docker-compose.yml

@@ -0,0 +1,23 @@
+version: "3"
+services:
+  # NextJS v13 app running on development mode
+  react-hooks-playground-client-dev:
+    container_name: react-hooks-playground-client-dev
+    image: weaponsforge/react-hooks-playground-client:dev
+    build:
+      context: ./client
+      dockerfile: Dockerfile
+      target: development
+    networks:
+      - react-hooks-playground-dev
+    volumes:
+      - ./client:/opt/client
+      - /opt/client/node_modules
+      - /opt/client/.next
+    ports:
+      - "3000:3000"
+
+networks:
+  react-hooks-playground-dev:
+    name: react-hooks-playground-dev
+    external: false