diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index c81602c..52a660c 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -23,6 +23,13 @@ jobs:
         chmod 600 ~/.ssh/id_rsa
         ssh-keyscan -H ${{ env.DOMAIN }} >> ~/.ssh/known_hosts
 
+    - name: Build Frontend
+      run: |
+        pushd frontend
+        npm install --ci
+        npm run build
+        popd
+
     - name: Put Site in Maintenance Mode
       run: |
         ssh deployer@${{ env.DOMAIN }} << 'EOF'
@@ -30,7 +37,13 @@ jobs:
           sudo systemctl restart nginx
         EOF
 
-    - name: Deploy Application
+    - name: Deploy Frontend
+      run: |
+        scp -r frontend/dist/assets deployer@${{ env.DOMAIN }}:${{ env.DEPLOY_PATH }}/public/assets
+        scp -r frontend/dist/index.html deployer@${{ env.DOMAIN }}:${{ env.DEPLOY_PATH }}/public/index.html
+        scp -r frontend/dist/favicon.ico deployer@${{ env.DOMAIN }}:${{ env.DEPLOY_PATH }}/public/favicon.ico
+
+    - name: Deploy Backend and dependencies
       run: |
         ssh deployer@165.232.69.153 << 'EOF'
           cd ${{ env.DEPLOY_PATH }}
@@ -39,8 +52,7 @@ jobs:
 
           # build frontend
           pushd frontend
-          npm install
-          npm run build
+          npm install --ci
           popd
 
           # build symfony
@@ -60,7 +72,6 @@ jobs:
 
           sudo systemctl restart php8.3-fpm
         EOF
-
     - name: Bring Site Back Online
       run: |
         ssh deployer@${{ env.DOMAIN }} << 'EOF'
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index bb885b5..1a1f2c7 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -6,13 +6,13 @@ import vueDevTools from "vite-plugin-vue-devtools";
 
 // https://vite.dev/config/
 export default defineConfig({
-	plugins: [vue(), vueDevTools()],
-	build: {
-		outDir: "../public",
-	},
-	resolve: {
-		alias: {
-			"@": fileURLToPath(new URL("./src", import.meta.url)),
-		},
-	},
+  plugins: [vue(), vueDevTools()],
+  build: {
+    outDir: "./dist",
+  },
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
 });