[IMPROVE] Dockerfile to support hot-reload

app/Dockerfile.development

@@ -0,0 +1,31 @@
+# Dockerfile
+
+# Use node alpine as it's a small node image
+FROM node:16-alpine
+
+
+# Set /app as the working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json
+# to the /app working directory
+COPY package.json package-lock.json ./
+
+# Install dependencies in /app
+RUN npm i
+
+# Copy the rest of our Next.js folder into /app
+COPY next.config.js ./next.config.js
+COPY apollo-client.js ./apollo-client.js
+
+COPY pages ./pages
+COPY public ./public
+COPY styles ./styles
+COPY components ./components
+COPY lib ./lib
+
+# Ensure port 3000 is accessible to our system
+EXPOSE 3000
+
+# Run npm run dev, as we would via the command line
+CMD [ "npm", "run", "dev" ]

app/docker-compose.development.yml

@@ -0,0 +1,25 @@
+# docker-compose.yml
+
+version: "3"
+
+services:
+  app:
+    image: docker-nextjs-dev
+    build:
+      dockerfile: Dockerfile.development
+    ports:
+      - "3000:3000"
+    networks:
+      - stagingnetwork
+    volumes:
+      - ./pages:/app/pages
+      - ./public:/app/public
+      - ./styles:/app/styles
+
+networks:
+  stagingnetwork:
+    driver: bridge
+    ipam:
+      config:
+        - subnet: 172.28.0.0/16
+          gateway: 172.28.0.1

app/lib/api.js

@@ -1,6 +1,6 @@
 export function getStrapiURL(path = "") {
   return `${
-    process.env.NEXT_PUBLIC_STRAPI_API_URL || "http://127.0.0.1:1337"
+    process.env.NEXT_PUBLIC_STRAPI_API_URL || " http://172.28.0.1:1337/api"
   }/api${path}`;
 }