diff --git a/.github/workflows/webapp-build.yml b/.github/workflows/webapp-build.yml
new file mode 100644
index 000000000..ffd0ec745
--- /dev/null
+++ b/.github/workflows/webapp-build.yml
@@ -0,0 +1,36 @@
+name: Build WebApp
+
+on:
+    push:
+
+
+env:
+    WEBAPP_PACKAGE_NAME: webapp.tar.gz
+    WEBAPP_ROOT_PATH: ./src/webapp/
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Setup Node.js 20.x
+      uses: actions/setup-node@v3
+      with:
+        node-version: 20.x
+        cache: 'npm'
+        cache-dependency-path: '${{ env.WEBAPP_ROOT_PATH }}'
+    - run: npm install ${{ env.WEBAPP_ROOT_PATH }}
+    - run: npm run build ${{ env.WEBAPP_ROOT_PATH }}
+
+    - name: pack webapp build
+      run: |
+        tar -czvf ${{ env.WEBAPP_PACKAGE_NAME }} ${{ env.WEBAPP_ROOT_PATH }}/build
+        ls -l
+
+    - name: Artifact Upload Docker Image
+      uses: actions/upload-artifact@v3
+      with:
+        name: ${{ env.WEBAPP_PACKAGE_NAME }}
+        path: .
+        retention-days: 1