diff --git a/src/lib/stores/uploader.ts b/src/lib/stores/uploader.ts
index ef848232ce..8a04eae8ac 100644
--- a/src/lib/stores/uploader.ts
+++ b/src/lib/stores/uploader.ts
@@ -1,4 +1,4 @@
-import { Client, ID, type Models, Sites, Storage } from '@appwrite.io/console';
+import { Client, Functions, ID, type Models, Sites, Storage } from '@appwrite.io/console';
 import { writable } from 'svelte/store';
 import { getApiEndpoint } from '$lib/stores/sdk';
 import { page } from '$app/state';
@@ -32,6 +32,13 @@ const temporarySites = (region: string, projectId: string) => {
     return new Sites(clientProject);
 };
 
+const temporaryFunctions = (region: string, projectId: string) => {
+    const clientProject = new Client().setMode('admin');
+    const endpoint = getApiEndpoint(region);
+    clientProject.setEndpoint(endpoint).setProject(projectId);
+    return new Functions(clientProject);
+};
+
 const createUploader = () => {
     const { subscribe, set, update } = writable<Uploader>({
         isOpen: false,
@@ -110,7 +117,19 @@ const createUploader = () => {
             newFile.status = 'success';
             updateFile(newFile.$id, newFile);
         },
-        uploadSiteDeployment: async (siteId: string, code: File) => {
+        uploadSiteDeployment: async ({
+            siteId,
+            code,
+            buildCommand,
+            installCommand,
+            outputDirectory
+        }: {
+            siteId: string;
+            code: File;
+            buildCommand?: string;
+            installCommand?: string;
+            outputDirectory?: string;
+        }) => {
             const newDeployment: UploaderFile = {
                 $id: '',
                 resourceId: siteId,
@@ -132,6 +151,49 @@ const createUploader = () => {
                 siteId,
                 code,
                 activate: true,
+                buildCommand,
+                installCommand,
+                outputDirectory,
+                onProgress: (progress) => {
+                    newDeployment.$id = progress.$id;
+                    newDeployment.progress = progress.progress;
+                    newDeployment.status = progress.progress === 100 ? 'success' : 'pending';
+                    updateFile(progress.$id, newDeployment);
+                }
+            });
+            newDeployment.$id = uploadedFile.$id;
+            newDeployment.progress = 100;
+            newDeployment.status = 'success';
+            updateFile(newDeployment.$id, newDeployment);
+        },
+        uploadFunctionDeployment: async ({
+            functionId,
+            code
+        }: {
+            functionId: string;
+            code: File;
+        }) => {
+            const newDeployment: UploaderFile = {
+                $id: '',
+                resourceId: functionId,
+                name: code.name,
+                size: code.size,
+                progress: 0,
+                status: 'pending'
+            };
+            update((n) => {
+                n.isOpen = true;
+                n.isCollapsed = false;
+                n.files.unshift(newDeployment);
+                return n;
+            });
+            const uploadedFile = await temporaryFunctions(
+                page.params.region,
+                page.params.project
+            ).createDeployment({
+                functionId,
+                code,
+                activate: true,
                 onProgress: (progress) => {
                     newDeployment.$id = progress.$id;
                     newDeployment.progress = progress.progress;
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/+layout.svelte
index f233956c07..6053c15b6f 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/+layout.svelte
@@ -126,7 +126,7 @@
 <style>
     .layout-level-progress-bars {
         gap: 1rem;
-        z-index: 2;
+        z-index: 100;
         display: flex;
         flex-direction: column;
 
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
index f84db9f7e0..e871d17332 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
@@ -23,6 +23,7 @@
     import { isCloud } from '$lib/system';
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
     import { currentPlan } from '$lib/stores/organization';
+    import { uploader } from '$lib/stores/uploader';
 
     export let data;
 
@@ -61,19 +62,19 @@
     let specification = specificationOptions[0].value;
 
     async function create() {
+        let func: Models.Function | null = null;
+
         try {
-            const func = await sdk
-                .forProject(page.params.region, page.params.project)
-                .functions.create({
-                    functionId: id || ID.unique(),
-                    name,
-                    runtime,
-                    execute: roles?.length ? roles : undefined,
-                    enabled: true,
-                    entrypoint,
-                    commands: buildCommand,
-                    specification: specification || undefined
-                });
+            func = await sdk.forProject(page.params.region, page.params.project).functions.create({
+                functionId: id || ID.unique(),
+                name,
+                runtime,
+                execute: roles?.length ? roles : undefined,
+                enabled: true,
+                entrypoint,
+                commands: buildCommand,
+                specification: specification || undefined
+            });
 
             // Add domain
             await sdk.forProject(page.params.region, page.params.project).proxy.createFunctionRule({
@@ -92,25 +93,36 @@
             );
             await Promise.all(promises);
 
-            await sdk
-                .forProject(page.params.region, page.params.project)
-                .functions.createDeployment({
-                    functionId: func.$id,
-                    code: files[0],
-                    activate: true
-                });
+            const promise = uploader.uploadFunctionDeployment({
+                functionId: func.$id,
+                code: files[0]
+            });
 
+            addNotification({
+                message: 'Deployment upload started',
+                type: 'success'
+            });
             trackEvent(Submit.FunctionCreate, {
                 source: 'repository',
                 runtime: runtime
             });
 
-            await goto(
-                `${base}/project-${page.params.region}-${page.params.project}/functions/function-${func.$id}`
-            );
+            await promise;
+            const upload = $uploader.files.find((f) => f.resourceId === func.$id);
+
+            if (upload?.status === 'success') {
+                const deploymentId = upload.$id;
+                await goto(
+                    `${base}/project-${page.params.region}-${page.params.project}/functions/function-${func.$id}/deployment-${deploymentId}`
+                );
+            }
 
             invalidate(Dependencies.FUNCTION);
         } catch (e) {
+            const upload = $uploader.files.find((f) => f.resourceId === func?.$id);
+            if (upload) {
+                uploader.removeFromQueue(upload.$id);
+            }
             addNotification({
                 type: 'error',
                 message: e.message
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte
index 03e7f1dcf0..dd279c83b0 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte
@@ -6,15 +6,14 @@
     import { Button } from '$lib/elements/forms';
     import { InvalidFileType, removeFile } from '$lib/helpers/files';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdk } from '$lib/stores/sdk';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Layout, Tooltip, Typography, Upload } from '@appwrite.io/pink-svelte';
     import { func } from '../store';
-    import { page } from '$app/state';
     import { consoleVariables } from '$routes/(console)/store';
     import { currentPlan } from '$lib/stores/organization';
     import { isCloud } from '$lib/system';
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
+    import { uploader } from '$lib/stores/uploader';
 
     export let show = false;
 
@@ -30,16 +29,13 @@
 
     async function create() {
         try {
-            await sdk
-                .forProject(page.params.region, page.params.project)
-                .functions.createDeployment({
-                    functionId: $func.$id,
-                    code: files[0],
-                    activate: true
-                });
-            await invalidate(Dependencies.DEPLOYMENTS);
-            files = undefined;
+            uploader.uploadFunctionDeployment({
+                functionId: $func.$id,
+                code: files[0]
+            });
             show = false;
+            files = undefined;
+            await invalidate(Dependencies.DEPLOYMENTS);
             trackEvent(Submit.DeploymentCreate);
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
index 8cecb4acc0..fced61ef30 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
@@ -21,6 +21,7 @@
     import { isCloud } from '$lib/system';
     import { currentPlan } from '$lib/stores/organization';
     import Domain from '../domain.svelte';
+    import { uploader } from '$lib/stores/uploader';
 
     export let data;
     let showExitModal = false;
@@ -50,6 +51,8 @@
     $: readableMaxSize = humanFileSize(maxSize);
 
     async function create() {
+        let site: Models.Site | null = null;
+
         try {
             if (!domainIsValid) {
                 addNotification({
@@ -63,7 +66,7 @@
             const buildRuntime = Object.values(BuildRuntime).find(
                 (f) => f === framework.buildRuntime
             );
-            let site = await sdk.forProject(page.params.region, page.params.project).sites.create({
+            site = await sdk.forProject(page.params.region, page.params.project).sites.create({
                 siteId: id || ID.unique(),
                 name,
                 framework: fr,
@@ -90,26 +93,37 @@
             );
             await Promise.all(promises);
 
-            const deployment = await sdk
-                .forProject(page.params.region, page.params.project)
-                .sites.createDeployment({
-                    siteId: site.$id,
-                    code: files[0],
-                    activate: true,
-                    installCommand: installCommand || undefined,
-                    buildCommand: buildCommand || undefined,
-                    outputDirectory: outputDirectory || undefined
-                });
+            const promise = uploader.uploadSiteDeployment({
+                siteId: site.$id,
+                code: files[0],
+                buildCommand: buildCommand || undefined,
+                installCommand: installCommand || undefined,
+                outputDirectory: outputDirectory || undefined
+            });
 
+            addNotification({
+                message: 'Deployment upload started',
+                type: 'success'
+            });
             trackEvent(Submit.SiteCreate, {
                 source: 'manual',
                 framework: framework.key
             });
 
-            await goto(
-                `${base}/project-${page.params.region}-${page.params.project}/sites/create-site/deploying?site=${site.$id}&deployment=${deployment.$id}`
-            );
+            await promise;
+            const upload = $uploader.files.find((f) => f.resourceId === site.$id);
+
+            if (upload?.status === 'success') {
+                const deploymentId = upload.$id;
+                await goto(
+                    `${base}/project-${page.params.region}-${page.params.project}/sites/create-site/deploying?site=${site.$id}&deployment=${deploymentId}`
+                );
+            }
         } catch (e) {
+            const upload = $uploader.files.find((f) => f.resourceId === site?.$id);
+            if (upload) {
+                uploader.removeFromQueue(upload.$id);
+            }
             addNotification({
                 type: 'error',
                 message: e.message
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createManualDeploymentModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createManualDeploymentModal.svelte
index a8843f2fac..e308918593 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createManualDeploymentModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createManualDeploymentModal.svelte
@@ -13,6 +13,7 @@
     import { currentPlan } from '$lib/stores/organization';
     import { consoleVariables } from '$routes/(console)/store';
     import { humanFileSize } from '$lib/helpers/sizeConvertion';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
 
     export let show = false;
     export let site: Models.Site;
@@ -29,15 +30,20 @@
 
     async function createDeployment() {
         try {
-            uploader.uploadSiteDeployment(site.$id, files[0]);
+            uploader.uploadSiteDeployment({
+                siteId: site.$id,
+                code: files[0]
+            });
             show = false;
             invalidate(Dependencies.DEPLOYMENTS);
+            trackEvent(Submit.DeploymentCreate);
             addNotification({
                 message: 'Deployment upload started',
                 type: 'success'
             });
         } catch (e) {
             error = e.message;
+            trackError(e, Submit.DeploymentCreate);
         }
     }