diff --git a/.github/workflows/deploy-langgraph-ui.yml b/.github/workflows/deploy-langgraph-ui.yml
index 7990fcf..b873d58 100644
--- a/.github/workflows/deploy-langgraph-ui.yml
+++ b/.github/workflows/deploy-langgraph-ui.yml
@@ -16,13 +16,30 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
 
+      - name: Setup Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Install pnpm
+        run: corepack enable && corepack prepare pnpm@10 --activate
+
+      - name: Install dependencies
+        working-directory: langgraph
+        run: pnpm install --frozen-lockfile
+
+      - name: Build Vite frontend
+        working-directory: langgraph
+        env:
+          VITE_LANGGRAPH_URL: https://soc-langgraph.jollysand-7f0f231b.southeastasia.azurecontainerapps.io
+        run: pnpm vite build
+
       - name: Deploy to Azure Static Web Apps
         uses: Azure/static-web-apps-deploy@v1
         with:
           azure_static_web_apps_api_token: ${{ secrets.SWA_LANGGRAPH_TOKEN }}
           repo_token: ${{ secrets.GITHUB_TOKEN }}
           action: upload
-          app_location: langgraph
-          output_location: dist
-        env:
-          VITE_LANGGRAPH_URL: https://soc-langgraph.jollysand-7f0f231b.southeastasia.azurecontainerapps.io
+          app_location: /
+          output_location: langgraph/dist
+          skip_app_build: true