From fd4c01203f566504afced7c955632b5dd8fa2728 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Sun, 30 Mar 2025 16:16:42 +0200
Subject: [PATCH] Build app before deploy
 https://github.com/C9Glax/tranga/pull/355#issuecomment-2764253691

---
 .github/workflows/docker-image-vite-react-ts.yml |  2 +-
 Dockerfile                                       | 16 ++++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/docker-image-vite-react-ts.yml b/.github/workflows/docker-image-vite-react-ts.yml
index 25eb157..55a5602 100644
--- a/.github/workflows/docker-image-vite-react-ts.yml
+++ b/.github/workflows/docker-image-vite-react-ts.yml
@@ -35,7 +35,7 @@ jobs:
       - name: Build and push Website
         uses: docker/build-push-action@v6.7.0
         with:
-          context: ./Website
+          context: .
           file: ./Dockerfile
           #platforms: linux/amd64,linux/arm64,linux/riscv64,linux/ppc64le,linux/s390x,linux/386,linux/mips64le,linux/mips64,linux/arm/v7,linux/arm/v6
           platforms: linux/amd64
diff --git a/Dockerfile b/Dockerfile
index d178671..6f046fb 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,4 +1,16 @@
-FROM nginx:alpine3.17-slim
-COPY . /usr/share/nginx/html
+# Build stage
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+COPY . /app
+RUN npm install
+RUN npm run build
+
+# Serve stage
+FROM nginx:alpine3.17-slim
+
+# Copy built files from Vite's dist folder
+COPY --from=builder /app/Website/dist /usr/share/nginx/html
+
 EXPOSE 80
 CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file