diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
index 761a4a8..57cc873 100644
--- a/.github/workflows/preview.yml
+++ b/.github/workflows/preview.yml
@@ -1,29 +1,21 @@
- name: Vercel Preview Deployment
-
+name: Vercel Preview Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_ORG_PROJECT }}
 on:
   push:
     branches-ignore:
-      - 'main'
-
+      - main
 jobs:
-  deploy-preview:
+  Deploy-Preview:
     runs-on: ubuntu-latest
-    
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Install Vite and dependencies
-        run: npm install
-
-      - name: Build Project with Vite
-        run: npm run build
-
+      - uses: actions/checkout@v2
       - name: Install Vercel CLI
-        run: npm install --global vercel
-
-      - name: Deploy to Vercel Preview
-        env:
-          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_ORG_PROJECT }}
-        run: vercel deploy --prod=false --token ${{ secrets.VERCEL_TOKEN }}
+        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/.github/workflows/production.yml b/.github/workflows/production.yml
index ad04bd6..c109a79 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -1,29 +1,21 @@
 name: Vercel Production Deployment
-
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_ORG_PROJECT }}
 on:
   push:
     branches:
       - main
-
 jobs:
-  deploy-production:
+  Deploy-Production:
     runs-on: ubuntu-latest
-    
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Install Vite and dependencies
-        run: npm install
-
-      - name: Build Project with Vite
-        run: npm run build
-
+      - uses: actions/checkout@v2
       - name: Install Vercel CLI
-        run: npm install --global vercel
-
-      - name: Deploy to Vercel
-        env:
-          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
-          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_ORG_PROJECT }}
-        run: vercel --prod --token ${{ secrets.VERCEL_TOKEN }}
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}