build: update build process

Author: zxcv32

Dockerfile

@@ -7,12 +7,15 @@ COPY package-lock.json .
 RUN npm ci --silent
 # Copy app files
 COPY . ./
+# Args passed on build phase
+ARG GOOGLE_MAPS_API_KEY
+ARG API_HOST
+ENV REACT_APP_GOOGLE_MAPS_API_KEY $GOOGLE_MAPS_API_KEY
+ENV REACT_APP_API_HOST $API_HOST
 RUN npm run build
 
 
 FROM nginx:stable-alpine
 COPY --from=build /app/build /usr/share/nginx/html
-COPY env.sh /docker-entrypoint.d
-RUN chmod +x /docker-entrypoint.d/env.sh
 EXPOSE 80
 CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -17,7 +17,8 @@ Maps (Google Maps)
    ```
 ## Docker
 
-`docker compose --env-file .env up -d`
+`docker build -t ghcr.io/zxcv32/capture-maps-ui:main --build-arg GOOGLE_MAPS_API_KEY='<API_KEY>' --build-arg API_HOST='<host>' .`
+`docker compose up -d`
 
 ![img.png](assets/img.png)
 

docker-compose.yml

@@ -3,8 +3,5 @@ services:
   capture-maps-ui:
     image: ghcr.io/zxcv32/capture-maps-ui:main
     restart: unless-stopped
-    environment:
-      REACT_APP_GOOGLE_MAPS_API_KEY: "${REACT_APP_GOOGLE_MAPS_API_KEY}"
-      REACT_APP_API_HOST: "${REACT_APP_API_HOST}"
     ports:
       - 9001:80