diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index a9bad1eb..571d821c 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -56,3 +56,25 @@ jobs:
 
       - name: Run tests
         run: yarn test
+  preview-webapp:
+    name: Vercel Preview Deployment
+    runs-on: ubuntu-latest
+    needs:
+      - build
+    env:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Yarn 4
+        run: |
+          corepack enable
+          yarn set version berry
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 1bde2caa..3654d67f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -51,3 +51,4 @@ key.txt
 .yarn/unplugged
 .yarn/build-state.yml
 .yarn/install-state.gz
+.vercel
diff --git a/vercel.json b/vercel.json
index dab0379d..161be874 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,6 +1,7 @@
 {
-  "github": {
-    "enabled": true,
-    "silent": true
-  }
+  "git": {
+    "deploymentEnabled": false
+  },
+  "buildCommand": "yarn build",
+  "outputDirectory": "apps/web/.next"
 }