build(docker): put env vars in dockerfile, seperate compose files for non-ssl-deployment

Dockerfile

@@ -4,6 +4,8 @@ ENV TZ Europe/Berlin
 ENV GENERATE_SOURCEMAP=false 
 ENV DISABLE_ESLINT_PLUGIN=true
 ENV TSC_COMPILE_ON_ERROR=true
+ENV NODE_ENV=production
+ENV REACT_APP_API_URL=http://kiosk.fg.es.e-technik.tu-darmstadt.de:4000/v1
 
 RUN apk add --update --no-cache bash
 RUN apk update && apk add tzdata

docker-compose.with-traefik.yml

@@ -0,0 +1,49 @@
+version: "3.8"
+
+services:
+  echtzeitkiosk-frontend:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    image: ghcr.io/echtzeitsysteme/echtzeitkiosk-frontend:arm64
+    # image: ghcr.io/echtzeitsysteme/echtzeitkiosk-frontend:amd64
+    container_name: echtzeitkiosk-frontend
+    restart: unless-stopped
+    environment:
+      NODE_ENV: 'production'
+      REACT_APP_API_URL: 'http://kiosk.fg.es.e-technik.tu-darmstadt.de:4000/v1'
+
+    expose:
+      - '80'
+    # ports:
+    #   - 80:80
+
+    networks:
+      - proxy
+      - default
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      # routers
+      - "traefik.http.routers.echtzeitkiosk-frontend-secure.entrypoints=websecure"
+      - "traefik.http.routers.echtzeitkiosk-frontend-secure.rule=Host(`echtzeitkiosk.mertalpulus.eu`)"
+      - "traefik.http.routers.echtzeitkiosk-frontend-secure.service=echtzeitkiosk-frontend"
+      # services
+      - "traefik.http.services.echtzeitkiosk-frontend.loadbalancer.server.port=80"
+
+    deploy:
+      resources:
+        limits:
+          memory: 256M
+        reservations:
+          memory: 128M
+
+    logging:
+      driver: "json-file"
+      options:
+        max-size: "512m"
+
+networks:
+  proxy:
+    external: true

docker-compose.yml

@@ -9,29 +9,18 @@ services:
     # image: ghcr.io/echtzeitsysteme/echtzeitkiosk-frontend:amd64
     container_name: echtzeitkiosk-frontend
     restart: unless-stopped
-    environment:
-      NODE_ENV: ${NODE_ENV}
-      REACT_APP_API_URL: ${REACT_APP_API_URL}
+    # environment:
+      # NODE_ENV: 'production'
+      # REACT_APP_API_URL: 'http://kiosk.fg.es.e-technik.tu-darmstadt.de:4000/v1'
 
     expose:
       - '80'
-    # ports:
-    #   - 80:80
+    ports:
+      - 80:80
 
     networks:
-      - proxy
       - default
 
-    labels:
-      - "traefik.enable=true"
-      - "traefik.docker.network=proxy"
-      # routers
-      - "traefik.http.routers.echtzeitkiosk-frontend-secure.entrypoints=websecure"
-      - "traefik.http.routers.echtzeitkiosk-frontend-secure.rule=Host(`echtzeitkiosk.mertalpulus.eu`)"
-      - "traefik.http.routers.echtzeitkiosk-frontend-secure.service=echtzeitkiosk-frontend"
-      # services
-      - "traefik.http.services.echtzeitkiosk-frontend.loadbalancer.server.port=80"
-
     deploy:
       resources:
         limits: