Added Dockerfile build and push.

Author: pantierra

.github/workflows/deploy-webapp.yml

@@ -0,0 +1,58 @@
+
+name: Deploy WebApp
+
+# Ensures only one deployment runs at a time
+concurrency: deploy
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+      - feature/Dockerfile
+
+jobs:
+  build:
+    name: Build and Push Container
+    runs-on: ubuntu-24.04
+
+    steps:
+      # Checkout repo and initialize submodules using a personal access token
+      - name: Checkout repository (with private submodules)
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+          token: ${{ secrets.GH_PAT }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Docker registry
+        uses: azure/docker-login@v1
+        with:
+          login-server: 66gc0z34.c1.gra9.container-registry.ovh.net
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Extract Docker metadata
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: 66gc0z34.c1.gra9.container-registry.ovh.net/gfts/webapp
+          tags: |
+            type=ref,event=branch
+            type=sha,format=short
+            latest
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }}
+            MAPBOX_TOKEN=${{ secrets.MAPBOX_TOKEN }}
+            WEBAPP_URL=${{ secrets.WEBAPP_URL }}

Dockerfile

@@ -0,0 +1,30 @@
+FROM node:24-alpine AS builder
+
+ARG WEBAPP_URL="https://gfts.developmentseed.org"
+ARG MAPBOX_TOKEN=""
+ARG GITHUB_TOKEN=""
+
+ENV NODE_ENV=production
+ENV PUBLIC_URL=${WEBAPP_URL}
+ENV DATA_API=${WEBAPP_URL}
+ENV MAPBOX_TOKEN=${MAPBOX_TOKEN}
+ENV GITHUB_TOKEN=${GITHUB_TOKEN}
+
+WORKDIR /app
+
+# Copy the pre-cloned source code (with submodules)
+COPY . .
+
+# Enable Corepack (to use Yarn 3+)
+RUN corepack enable && \
+    yarn install --frozen-lockfile && \
+    yarn build && \
+    cp ./dist/index.html ./dist/404.html
+
+FROM nginx:alpine-slim
+
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]