diff --git a/app/config/frameworks.php b/app/config/frameworks.php
index 82fd70bf5b..5440e9a538 100644
--- a/app/config/frameworks.php
+++ b/app/config/frameworks.php
@@ -138,7 +138,7 @@ return [
     'vue' => [
         'key' => 'vue',
         'name' => 'Vue.js',
-        'screenshotSleep' => 3000,
+        'screenshotSleep' => 5000,
         'buildRuntime' => 'node-22',
         'runtimes' => getVersions($templateRuntimes['NODE']['versions'], 'node'),
         'adapters' => [
diff --git a/app/controllers/general.php b/app/controllers/general.php
index 87a9c420c7..5ce0a03471 100644
--- a/app/controllers/general.php
+++ b/app/controllers/general.php
@@ -269,7 +269,8 @@ function router(App $utopia, Database $dbForPlatform, callable $getProjectDB, Sw
             throw new AppwriteException(AppwriteException::FUNCTION_RUNTIME_UNSUPPORTED, 'Runtime "' . $resource->getAttribute('runtime', '') . '" is not supported');
         }
 
-        if ($deployment->getAttribute('status') !== 'ready') {
+        $allowAnyStatus = !\is_null($apiKey) && $apiKey->isDeploymentStatusIgnored();
+        if (!$allowAnyStatus && $deployment->getAttribute('status') !== 'ready') {
             if ($deployment->getAttribute('status') === 'failed') {
                 throw new AppwriteException(AppwriteException::BUILD_FAILED);
             } else {
diff --git a/app/views/general/404.phtml b/app/views/general/404.phtml
index 7ec1cfbf21..5e63344c8a 100644
--- a/app/views/general/404.phtml
+++ b/app/views/general/404.phtml
@@ -7,6 +7,8 @@
     <title>404 Not Found</title>
 
     <style>
+        @import url(https://fonts.bunny.net/css?family=fira-code:400|inter:400);
+
         * {
             margin: 0;
             padding: 0;
@@ -36,7 +38,7 @@
             background: var(--color-overlay-on-neutral, rgba(0, 0, 0, 0.06));
             color: var(--color-fgColor-neutral-secondary, #56565C);
             text-align: center;
-            font-family: var(--font-family-sansSerif, Inter);
+            font-family: var(--font-family-sansSerif, Inter), sans-serif;
             font-size: var(--font-size-S, 14px);
             font-style: normal;
             font-weight: 400;
@@ -47,7 +49,7 @@
         h1 {
             color: var(--color-fgColor-neutral-primary, #2D2D31);
             text-align: center;
-            font-family: var(--font-family-sansSerif, Inter);
+            font-family: var(--font-family-sansSerif, Inter), sans-serif;
             font-size: var(--font-size-XXXL, 32px);
             font-style: normal;
             font-weight: 400;
@@ -59,7 +61,7 @@
 
         button {
             border-radius: var(--border-radius-S, 8px);
-            font-family: var(--font-family-sansSerif, Inter);
+            font-family: var(--font-family-sansSerif, Inter), sans-serif;
             font-size: var(--font-size-S, 14px);
             font-style: normal;
             font-weight: 500;
@@ -88,7 +90,7 @@
         }
 
         .brand p {
-            font-family: var(--font-family-monospace, "Aeonik Fono");
+            font-family: var(--font-family-monospace, "Fira Code"), monospace;
             font-size: var(--font-size-XS, 12px);
             font-style: normal;
             font-weight: 400;
diff --git a/src/Appwrite/Auth/Key.php b/src/Appwrite/Auth/Key.php
index 89c28c4727..44a75a6ee3 100644
--- a/src/Appwrite/Auth/Key.php
+++ b/src/Appwrite/Auth/Key.php
@@ -24,6 +24,7 @@ class Key
         protected bool $bannerDisabled = false,
         protected bool $projectCheckDisabled = false,
         protected bool $previewAuthDisabled = false,
+        protected bool $deploymentStatusIgnored = false,
     ) {
     }
 
@@ -79,6 +80,11 @@ class Key
         return $this->previewAuthDisabled;
     }
 
+    public function isDeploymentStatusIgnored(): bool
+    {
+        return $this->deploymentStatusIgnored;
+    }
+
     public function isProjectCheckDisabled(): bool
     {
         return $this->projectCheckDisabled;
@@ -139,6 +145,7 @@ class Key
                 $bannerDisabled = $payload['bannerDisabled'] ?? false;
                 $projectCheckDisabled = $payload['projectCheckDisabled'] ?? false;
                 $previewAuthDisabled = $payload['previewAuthDisabled'] ?? false;
+                $deploymentStatusIgnored = $payload['deploymentStatusIgnored'] ?? false;
                 $scopes = \array_merge($payload['scopes'] ?? [], $scopes);
 
                 if (!$projectCheckDisabled && $projectId !== $project->getId()) {
@@ -156,7 +163,8 @@ class Key
                     $hostnameOverride,
                     $bannerDisabled,
                     $projectCheckDisabled,
-                    $previewAuthDisabled
+                    $previewAuthDisabled,
+                    $deploymentStatusIgnored
                 );
             case API_KEY_STANDARD:
                 $key = $project->find(
diff --git a/src/Appwrite/Platform/Modules/Functions/Workers/Builds.php b/src/Appwrite/Platform/Modules/Functions/Workers/Builds.php
index 3f28e7a7ce..18e52e7e16 100644
--- a/src/Appwrite/Platform/Modules/Functions/Workers/Builds.php
+++ b/src/Appwrite/Platform/Modules/Functions/Workers/Builds.php
@@ -41,6 +41,8 @@ use Utopia\Storage\Device\Local;
 use Utopia\System\System;
 use Utopia\VCS\Adapter\Git\GitHub;
 
+use function Swoole\Coroutine\batch;
+
 class Builds extends Action
 {
     public static function getName(): string
@@ -783,7 +785,6 @@ class Builds extends Action
             $deployment->setAttribute('buildStartAt', DateTime::format((new \DateTime())->setTimestamp(floor($response['startTime']))));
             $deployment->setAttribute('buildEndAt', $endTime);
             $deployment->setAttribute('buildDuration', \intval(\ceil($durationEnd - $durationStart)));
-            $deployment->setAttribute('status', 'ready');
             $deployment->setAttribute('buildPath', $response['path']);
             $deployment->setAttribute('buildSize', $response['size']);
             $deployment->setAttribute('totalSize', $deployment->getAttribute('buildSize', 0) + $deployment->getAttribute('sourceSize', 0));
@@ -792,25 +793,16 @@ class Builds extends Action
             foreach ($response['output'] as $log) {
                 $logs .= $log['content'];
             }
+            $logs .= "Capturing screenshots ...\n";
             $deployment->setAttribute('buildLogs', $logs);
 
-            $deployment = $dbForProject->updateDocument('deployments', $deploymentId, $deployment);
-
-            if ($deployment->getInternalId() === $resource->getAttribute('latestDeploymentInternalId', '')) {
-                $resource = $resource->setAttribute('latestDeploymentStatus', $deployment->getAttribute('status', ''));
-                $dbForProject->updateDocument($resource->getCollection(), $resource->getId(), $resource);
-            }
+            $deployment = $dbForProject->updateDocument('deployments', $deployment->getId(), $deployment);
 
             $queueForRealtime
                 ->setPayload($deployment->getArrayCopy())
                 ->trigger();
 
-            if ($isVcsEnabled) {
-                $this->runGitAction('ready', $github, $providerCommitHash, $owner, $repositoryName, $project, $resource, $deployment->getId(), $dbForProject, $dbForPlatform);
-            }
-
-            Console::success("Build id: $deploymentId created");
-
+            /** Screenshot site */
             if ($resource->getCollection() === 'sites') {
                 try {
                     $rule = Authorization::skip(fn () => $dbForPlatform->findOne('rules', [
@@ -848,72 +840,89 @@ class Builds extends Action
                         'bannerDisabled' => true,
                         'projectCheckDisabled' => true,
                         'previewAuthDisabled' => true,
+                        'deploymentStatusIgnored' => true
                     ]);
 
-                    // TODO: @Meldiron if becomes too slow, do concurrently
-                    foreach ($configs as $key => $config) {
-                        $config['headers'] = \array_merge($config['headers'] ?? [], [
-                            'x-appwrite-key' => API_KEY_DYNAMIC . '_' . $apiKey
-                        ]);
+                    $screenshotError = null;
+                    $screenshots = batch(\array_map(function ($key) use ($configs, $deviceForFiles, $apiKey, $resource, $client, $bucket, $project, $dbForPlatform, &$screenshotError) {
+                        return function () use ($key, $configs, $deviceForFiles, $apiKey, $resource, $client, $bucket, $project, $dbForPlatform, &$screenshotError) {
+                            try {
+                                $config = $configs[$key];
 
-                        $config['sleep'] = 3000;
+                                $config['headers'] = \array_merge($config['headers'] ?? [], [
+                                    'x-appwrite-key' => API_KEY_DYNAMIC . '_' . $apiKey
+                                ]);
+                                $config['sleep'] = 3000;
 
-                        $frameworks = Config::getParam('frameworks', []);
-                        $framework = $frameworks[$resource->getAttribute('framework', '')] ?? null;
-                        if (!is_null($framework)) {
-                            $config['sleep'] = $framework['screenshotSleep'];
-                        }
+                                $frameworks = Config::getParam('frameworks', []);
+                                $framework = $frameworks[$resource->getAttribute('framework', '')] ?? null;
+                                if (!is_null($framework)) {
+                                    $config['sleep'] = $framework['screenshotSleep'];
+                                }
 
-                        $response = $client->fetch(
-                            url: 'http://appwrite-browser:3000/v1/screenshots',
-                            method: 'POST',
-                            body: $config
-                        );
+                                $fetchResponse = $client->fetch(
+                                    url: 'http://appwrite-browser:3000/v1/screenshots',
+                                    method: 'POST',
+                                    body: $config
+                                );
 
-                        if ($response->getStatusCode() >= 400) {
-                            throw new \Exception($response->getBody());
-                        }
+                                if ($fetchResponse->getStatusCode() >= 400) {
+                                    throw new \Exception($fetchResponse->getBody());
+                                }
 
-                        $screenshot = $response->getBody();
+                                $screenshot = $fetchResponse->getBody();
 
-                        $fileId = ID::unique();
-                        $fileName = $fileId . '.png';
-                        $path = $deviceForFiles->getPath($fileName);
-                        $path = str_ireplace($deviceForFiles->getRoot(), $deviceForFiles->getRoot() . DIRECTORY_SEPARATOR . $bucket->getId(), $path); // Add bucket id to path after root
-                        $success = $deviceForFiles->write($path, $screenshot, "image/png");
+                                $fileId = ID::unique();
+                                $fileName = $fileId . '.png';
+                                $path = $deviceForFiles->getPath($fileName);
+                                $path = str_ireplace($deviceForFiles->getRoot(), $deviceForFiles->getRoot() . DIRECTORY_SEPARATOR . $bucket->getId(), $path); // Add bucket id to path after root
+                                $success = $deviceForFiles->write($path, $screenshot, "image/png");
 
-                        if (!$success) {
-                            throw new \Exception("Screenshot failed to save");
-                        }
+                                if (!$success) {
+                                    throw new \Exception("Screenshot failed to save");
+                                }
 
-                        $teamId = $project->getAttribute('teamId', '');
-                        $file = new Document([
-                            '$id' => $fileId,
-                            '$permissions' => [
-                                Permission::read(Role::team(ID::custom($teamId))),
-                            ],
-                            'bucketId' => $bucket->getId(),
-                            'bucketInternalId' => $bucket->getInternalId(),
-                            'name' => $fileName,
-                            'path' => $path,
-                            'signature' => $deviceForFiles->getFileHash($path),
-                            'mimeType' => $deviceForFiles->getFileMimeType($path),
-                            'sizeOriginal' => \strlen($screenshot),
-                            'sizeActual' => $deviceForFiles->getFileSize($path),
-                            'algorithm' => Compression::GZIP,
-                            'comment' => '',
-                            'chunksTotal' => 1,
-                            'chunksUploaded' => 1,
-                            'openSSLVersion' => null,
-                            'openSSLCipher' => null,
-                            'openSSLTag' => null,
-                            'openSSLIV' => null,
-                            'search' => implode(' ', [$fileId, $fileName]),
-                            'metadata' => ['content_type' => $deviceForFiles->getFileMimeType($path)],
-                        ]);
-                        $file = Authorization::skip(fn () => $dbForPlatform->createDocument('bucket_' . $bucket->getInternalId(), $file));
+                                $teamId = $project->getAttribute('teamId', '');
+                                $file = new Document([
+                                    '$id' => $fileId,
+                                    '$permissions' => [
+                                        Permission::read(Role::team(ID::custom($teamId))),
+                                    ],
+                                    'bucketId' => $bucket->getId(),
+                                    'bucketInternalId' => $bucket->getInternalId(),
+                                    'name' => $fileName,
+                                    'path' => $path,
+                                    'signature' => $deviceForFiles->getFileHash($path),
+                                    'mimeType' => $deviceForFiles->getFileMimeType($path),
+                                    'sizeOriginal' => \strlen($screenshot),
+                                    'sizeActual' => $deviceForFiles->getFileSize($path),
+                                    'algorithm' => Compression::GZIP,
+                                    'comment' => '',
+                                    'chunksTotal' => 1,
+                                    'chunksUploaded' => 1,
+                                    'openSSLVersion' => null,
+                                    'openSSLCipher' => null,
+                                    'openSSLTag' => null,
+                                    'openSSLIV' => null,
+                                    'search' => implode(' ', [$fileId, $fileName]),
+                                    'metadata' => ['content_type' => $deviceForFiles->getFileMimeType($path)],
+                                ]);
+                                $file = Authorization::skip(fn () => $dbForPlatform->createDocument('bucket_' . $bucket->getInternalId(), $file));
 
-                        $deployment->setAttribute($key, $fileId);
+                                return [ 'key' => $key, 'fileId' => $fileId ];
+                            } catch (\Throwable $th) {
+                                $screenshotError = $th->getMessage();
+                                return;
+                            }
+                        };
+                    }, \array_keys($configs)));
+
+                    if (!\is_null($screenshotError)) {
+                        throw new \Exception($screenshotError);
+                    }
+
+                    foreach ($screenshots as $screenshot) {
+                        $deployment->setAttribute($screenshot['key'], $screenshot['fileId']);
                     }
 
                     $dbForProject->updateDocument('deployments', $deployment->getId(), $deployment);
@@ -928,6 +937,25 @@ class Builds extends Action
                 }
             }
 
+            /** Update the status */
+            $deployment->setAttribute('status', 'ready');
+            $deployment = $dbForProject->updateDocument('deployments', $deploymentId, $deployment);
+
+            if ($deployment->getInternalId() === $resource->getAttribute('latestDeploymentInternalId', '')) {
+                $resource = $resource->setAttribute('latestDeploymentStatus', $deployment->getAttribute('status', ''));
+                $dbForProject->updateDocument($resource->getCollection(), $resource->getId(), $resource);
+            }
+
+            $queueForRealtime
+                ->setPayload($deployment->getArrayCopy())
+                ->trigger();
+
+            if ($isVcsEnabled) {
+                $this->runGitAction('ready', $github, $providerCommitHash, $owner, $repositoryName, $project, $resource, $deployment->getId(), $dbForProject, $dbForPlatform);
+            }
+
+            Console::success("Build id: $deploymentId created");
+
             /** Set auto deploy */
             if ($deployment->getAttribute('activate') === true) {
                 $resource->setAttribute('live', true);
@@ -1066,6 +1094,12 @@ class Builds extends Action
                 Authorization::skip(fn () => $dbForPlatform->updateDocument('schedules', $schedule->getId(), $schedule));
             }
         } catch (\Throwable $th) {
+            Console::warning('Build failed:');
+            Console::error($th->getMessage());
+            Console::error($th->getFile());
+            Console::error($th->getLine());
+            Console::error($th->getTraceAsString());
+
             if ($dbForProject->getDocument('deployments', $deploymentId)->getAttribute('status') === 'canceled') {
                 Console::info('Build has been canceled');
                 return;
diff --git a/src/Appwrite/Transformation/Adapter/Preview.php b/src/Appwrite/Transformation/Adapter/Preview.php
index 94f1454593..352dc97204 100644
--- a/src/Appwrite/Transformation/Adapter/Preview.php
+++ b/src/Appwrite/Transformation/Adapter/Preview.php
@@ -33,6 +33,8 @@ class Preview extends Adapter
 
         $banner = <<<EOT
         <style>
+            @import url(https://fonts.bunny.net/css?family=fira-code:400|inter:400);
+            
             #appwrite-preview {
                 padding: 0;
                 margin: 0;
@@ -80,7 +82,7 @@ class Preview extends Adapter
                 padding: 0;
                 margin: 0;
                 color: var(--color-fgColor-neutral-secondary, #56565C);
-                font-family: var(--font-family-sansSerif, Inter);
+                font-family: var(--font-family-sansSerif, Inter), sans-serif;
                 font-size: var(--font-size-XS, 12px);
                 font-style: normal;
                 font-weight: 500;
@@ -97,7 +99,7 @@ class Preview extends Adapter
                 padding: var(--space-1, 2px) var(--space-2, 4px);
                 color: var(--color-fgColor-neutral-secondary, #56565C);
                 text-align: center;
-                font-family: var(--font-family-sansSerif, Inter);
+                font-family: var(--font-family-sansSerif, Inter), sans-serif;
                 font-size: var(--font-size-XS, 12px);
                 font-style: normal;
                 font-weight: 400;
@@ -120,7 +122,7 @@ class Preview extends Adapter
 
                 #appwrite-preview-text {
                 color: var(--color-fgColor-neutral-secondary, #C3C3C6);
-                    font-family: var(--font-family-sansSerif, Inter);
+                    font-family: var(--font-family-sansSerif, Inter), sans-serif;
                     font-size: var(--font-size-XS, 12px);
                 }
 
diff --git a/tests/e2e/Services/Realtime/RealtimeConsoleClientTest.php b/tests/e2e/Services/Realtime/RealtimeConsoleClientTest.php
index c7e65cc2ef..4e27457b05 100644
--- a/tests/e2e/Services/Realtime/RealtimeConsoleClientTest.php
+++ b/tests/e2e/Services/Realtime/RealtimeConsoleClientTest.php
@@ -614,19 +614,26 @@ class RealtimeConsoleClientTest extends Scope
 
             $previousBuildLogs = $response['data']['payload']['buildLogs'];
 
-            $this->assertThat(
-                $response['data']['payload']['status'],
-                $this->logicalOr(
-                    $this->equalTo('building'),
-                    $this->equalTo('ready'),
-                ),
-            );
+            $this->assertEquals('building', $response['data']['payload']['status']);
 
-            if ($response['data']['payload']['status'] === 'ready') {
+            if (!empty($response['data']['payload']['buildEndAt'])) {
+                $this->assertNotEmpty($response['data']['payload']['buildEndAt']);
+                $this->assertNotEmpty($response['data']['payload']['buildStartAt']);
+                $this->assertNotEmpty($response['data']['payload']['buildDuration']);
+                $this->assertNotEmpty($response['data']['payload']['buildPath']);
+                $this->assertNotEmpty($response['data']['payload']['buildSize']);
+                $this->assertNotEmpty($response['data']['payload']['totalSize']);
+                $this->assertNotEmpty($response['data']['payload']['buildLogs']);
                 break;
             }
         }
 
+        $response = json_decode($client->receive(), true);
+        $this->assertContains("functions.{$functionId}.deployments.{$deploymentId}.update", $response['data']['events']);
+        $this->assertContains('console', $response['data']['channels']);
+        $this->assertContains("projects.{$projectId}", $response['data']['channels']);
+        $this->assertEquals("ready", $response['data']['payload']['status']);
+
         $client->close();
     }
 }