From f8cb9f84f459c5092f38b3b384f1af9e3973aded Mon Sep 17 00:00:00 2001
From: Bartosz Gotowski <bartoszgotowski03@gmail.com>
Date: Tue, 30 Apr 2024 15:35:28 +0200
Subject: [PATCH 01/33] fix(projects): automatically move to new project

---
 components/dashboard/projects/add.tsx | 21 ++++++++++++---------
 server/api/routers/project.ts         |  2 ++
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/components/dashboard/projects/add.tsx b/components/dashboard/projects/add.tsx
index d2b91ce16..a2797539b 100644
--- a/components/dashboard/projects/add.tsx
+++ b/components/dashboard/projects/add.tsx
@@ -21,7 +21,8 @@ import { Textarea } from "@/components/ui/textarea";
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { AlertTriangle, PlusIcon } from "lucide-react";
-import { useEffect } from "react";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { z } from "zod";
@@ -37,10 +38,9 @@ type AddProject = z.infer<typeof AddProjectSchema>;
 
 export const AddProject = () => {
 	const utils = api.useUtils();
-
-	const { mutateAsync, isLoading, error, isError } =
-		api.project.create.useMutation();
-
+	const [isOpen, setIsOpen] = useState(false);
+	const { mutateAsync, error, isError } = api.project.create.useMutation();
+	const router = useRouter();
 	const form = useForm<AddProject>({
 		defaultValues: {
 			description: "",
@@ -61,16 +61,19 @@ export const AddProject = () => {
 			name: data.name,
 			description: data.description,
 		})
-			.then(async () => {
-				toast.success("Project Created");
+			.then(async (data) => {
 				await utils.project.all.invalidate();
+				toast.success("Project Created");
+				setIsOpen(false);
+				router.push(`/dashboard/project/${data.projectId}`);
 			})
 			.catch(() => {
 				toast.error("Error to create a project");
 			});
 	};
+
 	return (
-		<Dialog>
+		<Dialog open={isOpen} onOpenChange={setIsOpen}>
 			<DialogTrigger asChild>
 				<Button>
 					<PlusIcon className="h-4 w-4" />
@@ -134,7 +137,7 @@ export const AddProject = () => {
 
 					<DialogFooter>
 						<Button
-							isLoading={isLoading}
+							isLoading={form.formState.isSubmitting}
 							form="hook-form-add-project"
 							type="submit"
 						>
diff --git a/server/api/routers/project.ts b/server/api/routers/project.ts
index 4acd95167..215d12e00 100644
--- a/server/api/routers/project.ts
+++ b/server/api/routers/project.ts
@@ -42,6 +42,8 @@ export const projectRouter = createTRPCRouter({
 				if (ctx.user.rol === "user") {
 					await addNewProject(ctx.user.authId, project.projectId);
 				}
+
+				return project;
 			} catch (error) {
 				console.log(error);
 				throw new TRPCError({

From 9f8f23d8caccf679282cf87d8cbe5b9771058184 Mon Sep 17 00:00:00 2001
From: itschip <chip@projecterror.dev>
Date: Tue, 30 Apr 2024 16:10:51 +0200
Subject: [PATCH 02/33] feat: add docker-compose

---
 docker-compose.yml | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100755 docker-compose.yml

diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100755
index 000000000..0b4722f71
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,27 @@
+services:
+  postgres:
+    image: postgres:latest
+    container_name: "dokploy-postgres"
+    environment:
+      POSTGRES_DB: dokploy
+      POSTGRES_USER: dokploy
+      POSTGRES_PASSWORD: amukds4wi9001583845717ad2
+    volumes:
+      - ./.docker/postgres_data:/var/lib/postgresql/data
+    ports:
+      - "5432:5432"
+    networks:
+      - "dokploy-network"
+
+  redis:
+    image: redis:latest
+    ports:
+      - "6379:6379"
+    volumes:
+      - ./.docker/redis_data:/data
+    networks:
+      - "dokploy-network"
+
+networks:
+  dokploy-network:
+    driver: "bridge"

From ed05018074ed3cd17113b3984974f6fa4eb42577 Mon Sep 17 00:00:00 2001
From: itschip <chip@projecterror.dev>
Date: Tue, 30 Apr 2024 18:23:37 +0200
Subject: [PATCH 03/33] feat: add traefik to docker-compose

---
 docker-compose.yml | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/docker-compose.yml b/docker-compose.yml
index 0b4722f71..c113d883b 100755
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -22,6 +22,20 @@ services:
     networks:
       - "dokploy-network"
 
+  traefik:
+    image: traefik:v2.5
+    container_name: "dokploy-traefik"
+    volumes:
+      - "./.docker/dokploy/traefik.yml:/etc/dokploy/traefik/traefik.yml"
+      - "./.docker/dokploy/traefik/dynamic/:/etc/dokploy/traefik/dynamic"
+      - "/var/run/docker.sock:/var/run/docker.sock"
+    ports:
+      - "443:443"
+      - "80:80"
+      - "8080:8080"
+    networks:
+      - dokploy-network
+
 networks:
   dokploy-network:
     driver: "bridge"

From 6c5e1eab44e597290404f42eababa317081402bb Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Tue, 30 Apr 2024 23:59:54 -0600
Subject: [PATCH 04/33] fix: redirect to a valid route

---
 components/auth/login-2fa.tsx                                   | 2 +-
 .../[projectId]/services/application/[applicationId].tsx        | 2 +-
 .../project/[projectId]/services/mariadb/[mariadbId].tsx        | 2 +-
 .../dashboard/project/[projectId]/services/mongo/[mongoId].tsx  | 2 +-
 .../dashboard/project/[projectId]/services/mysql/[mysqlId].tsx  | 2 +-
 .../project/[projectId]/services/postgres/[postgresId].tsx      | 2 +-
 .../dashboard/project/[projectId]/services/redis/[redisId].tsx  | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/auth/login-2fa.tsx b/components/auth/login-2fa.tsx
index 46d82cbea..17b2d483e 100644
--- a/components/auth/login-2fa.tsx
+++ b/components/auth/login-2fa.tsx
@@ -65,7 +65,7 @@ export const Login2FA = ({ authId }: Props) => {
 					duration: 2000,
 				});
 
-				push("/dashboard");
+				push("/dashboard/projects");
 			})
 			.catch(() => {
 				toast.error("Signin failed", {
diff --git a/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx b/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
index 33e4dd080..2ea8a8cc2 100644
--- a/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
+++ b/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
@@ -242,7 +242,7 @@ export async function getServerSideProps(
 			return {
 				redirect: {
 					permanent: false,
-					destination: "/dashboard",
+					destination: "/dashboard/projects",
 				},
 			};
 		}
diff --git a/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx b/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
index 2f9d4cf3c..a820b9400 100644
--- a/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
+++ b/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
@@ -211,7 +211,7 @@ export async function getServerSideProps(
 			return {
 				redirect: {
 					permanent: false,
-					destination: "/dashboard",
+					destination: "/dashboard/projects",
 				},
 			};
 		}
diff --git a/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx b/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
index 2b88686c5..9d7f6eac7 100644
--- a/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
+++ b/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
@@ -213,7 +213,7 @@ export async function getServerSideProps(
 			return {
 				redirect: {
 					permanent: false,
-					destination: "/dashboard",
+					destination: "/dashboard/projects",
 				},
 			};
 		}
diff --git a/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx b/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
index 095fcd6c5..e5c191b61 100644
--- a/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
+++ b/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
@@ -212,7 +212,7 @@ export async function getServerSideProps(
 			return {
 				redirect: {
 					permanent: false,
-					destination: "/dashboard",
+					destination: "/dashboard/projects",
 				},
 			};
 		}
diff --git a/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx b/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
index 222a72980..9d1cda3df 100644
--- a/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
+++ b/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
@@ -212,7 +212,7 @@ export async function getServerSideProps(
 			return {
 				redirect: {
 					permanent: false,
-					destination: "/dashboard",
+					destination: "/dashboard/projects",
 				},
 			};
 		}
diff --git a/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx b/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
index e22001332..f6acf1866 100644
--- a/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
+++ b/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
@@ -205,7 +205,7 @@ export async function getServerSideProps(
 			return {
 				redirect: {
 					permanent: false,
-					destination: "/dashboard",
+					destination: "/dashboard/projects",
 				},
 			};
 		}

From 05995fcdad799aeebda6f1daf1bcdd406a14f87b Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:01:19 -0600
Subject: [PATCH 05/33] chore: add script to setup the project

---
 package.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/package.json b/package.json
index 5b66a28ce..36fe81978 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,14 @@
     "start": "node dist/server.mjs",
     "build-server": "tsx esbuild.config.ts",
     "build-next": "next build",
+    "setup": "tsx -r dotenv/config setup.ts && sleep 5 && pnpm run migration:run",
     "reset-password": "node dist/reset-password.mjs",
     "dev": "tsx watch -r dotenv/config ./server/server.ts  --project tsconfig.server.json ",
     "migration:generate": "drizzle-kit generate:pg --config ./server/db/drizzle.config.ts",
     "migration:run": "tsx -r dotenv/config migration.ts",
     "migration:drop": "drizzle-kit drop --config ./server/db/drizzle.config.ts",
     "db:push": "drizzle-kit push:pg --config ./server/db/drizzle.config.ts",
+    "db:truncate": "tsx -r dotenv/config ./server/db/reset.ts",
     "db:studio": "drizzle-kit studio",
     "lint": "biome lint",
     "db:seed": "dotenv tsx ./server/db/seed.ts",

From 3231edb22a8fd8cebbbc237166a2cdc47d76c44a Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:01:44 -0600
Subject: [PATCH 06/33] feat: add migrate file to run the migrations trought
 the npm command

---
 migration.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 migration.ts

diff --git a/migration.ts b/migration.ts
new file mode 100644
index 000000000..ff1b31d03
--- /dev/null
+++ b/migration.ts
@@ -0,0 +1,20 @@
+import { drizzle } from "drizzle-orm/postgres-js";
+import { migrate } from "drizzle-orm/postgres-js/migrator";
+import postgres from "postgres";
+
+const connectionString = process.env.DATABASE_URL || "";
+
+const sql = postgres(connectionString, { max: 1 });
+const db = drizzle(sql);
+
+await migrate(db, { migrationsFolder: "drizzle" })
+	.then(() => {
+		console.log("Migration complete");
+		sql.end();
+	})
+	.catch((error) => {
+		console.log("Migration failed", error);
+	})
+	.finally(() => {
+		sql.end();
+	});

From 2ab8b30394341e20f45fcd5e75a9228d74daecd9 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:02:03 -0600
Subject: [PATCH 07/33] chore: exclude migration and setup files

---
 tsconfig.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tsconfig.json b/tsconfig.json
index e766f6a2f..bad94c9c3 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -39,5 +39,5 @@
     ".next/types/**/*.ts",
     "env.js"
 , "next.config.mjs"  ],
-  "exclude": ["node_modules", "dokploy", "config", "dist","webpack.config.server.js"]
+  "exclude": ["node_modules", "dokploy", "config", "dist","webpack.config.server.js","migration.ts","setup.ts"]
 }

From 89bab3acf06695618966e000e93401139d04d20a Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:02:10 -0600
Subject: [PATCH 08/33] remove compose file

---
 docker-compose.yml | 41 -----------------------------------------
 1 file changed, 41 deletions(-)
 delete mode 100755 docker-compose.yml

diff --git a/docker-compose.yml b/docker-compose.yml
deleted file mode 100755
index c113d883b..000000000
--- a/docker-compose.yml
+++ /dev/null
@@ -1,41 +0,0 @@
-services:
-  postgres:
-    image: postgres:latest
-    container_name: "dokploy-postgres"
-    environment:
-      POSTGRES_DB: dokploy
-      POSTGRES_USER: dokploy
-      POSTGRES_PASSWORD: amukds4wi9001583845717ad2
-    volumes:
-      - ./.docker/postgres_data:/var/lib/postgresql/data
-    ports:
-      - "5432:5432"
-    networks:
-      - "dokploy-network"
-
-  redis:
-    image: redis:latest
-    ports:
-      - "6379:6379"
-    volumes:
-      - ./.docker/redis_data:/data
-    networks:
-      - "dokploy-network"
-
-  traefik:
-    image: traefik:v2.5
-    container_name: "dokploy-traefik"
-    volumes:
-      - "./.docker/dokploy/traefik.yml:/etc/dokploy/traefik/traefik.yml"
-      - "./.docker/dokploy/traefik/dynamic/:/etc/dokploy/traefik/dynamic"
-      - "/var/run/docker.sock:/var/run/docker.sock"
-    ports:
-      - "443:443"
-      - "80:80"
-      - "8080:8080"
-    networks:
-      - dokploy-network
-
-networks:
-  dokploy-network:
-    driver: "bridge"

From 3eaa8156dd59ac8683b2f25d2906f2413495c545 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:03:01 -0600
Subject: [PATCH 09/33] refactor: move initialization of services to prod env

---
 server/server.ts | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/server/server.ts b/server/server.ts
index 92c788ace..20af88ade 100644
--- a/server/server.ts
+++ b/server/server.ts
@@ -34,31 +34,32 @@ void app.prepare().then(async () => {
 			handle(req, res);
 		});
 
-		setupDirectories();
-		createDefaultMiddlewares();
-		await initializeNetwork();
-		await initializeSwarm();
-		createDefaultTraefikConfig();
-		createDefaultServerTraefikConfig();
-		await initializeTraefik();
-		await initializeRedis();
-		await initializePostgres();
-
 		// WEBSOCKET
 		setupDeploymentLogsWebSocketServer(server);
 		setupDockerContainerLogsWebSocketServer(server);
 		setupDockerContainerTerminalWebSocketServer(server);
 		setupTerminalWebSocketServer(server);
 		setupDockerStatsMonitoringSocketServer(server);
+
 		if (process.env.NODE_ENV === "production") {
-			// Cron Jobs
+			setupDirectories();
+			createDefaultMiddlewares();
+			await initializeSwarm();
+			await initializeNetwork();
+			createDefaultTraefikConfig();
+			createDefaultServerTraefikConfig();
+			await initializeTraefik();
+			await initializeRedis();
+			await initializePostgres();
 			initCronJobs();
 			welcomeServer();
 
+			// Timeout to wait for the database to be ready
 			await new Promise((resolve) => setTimeout(resolve, 7000));
 			await migration();
 		}
 		server.listen(PORT);
+		console.log("Server Started:", PORT);
 		deploymentWorker.run();
 	} catch (e) {
 		console.error("Main Server Error", e);

From 25f8ba943dc9bc98c6eea54a0b42431fe6f7a5df Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:03:11 -0600
Subject: [PATCH 10/33] refactor: remove logs

---
 server/setup/postgres-setup.ts | 1 -
 server/setup/setup.ts          | 1 -
 2 files changed, 2 deletions(-)

diff --git a/server/setup/postgres-setup.ts b/server/setup/postgres-setup.ts
index dbdaaa299..ce5bfccc2 100644
--- a/server/setup/postgres-setup.ts
+++ b/server/setup/postgres-setup.ts
@@ -56,7 +56,6 @@ export const initializePostgres = async () => {
 
 		console.log("Postgres Started ✅");
 	} catch (error) {
-		console.log(error);
 		await docker.createService(settings);
 		console.log("Postgres Not Found: Starting ✅");
 	}
diff --git a/server/setup/setup.ts b/server/setup/setup.ts
index dd693e047..c59877022 100644
--- a/server/setup/setup.ts
+++ b/server/setup/setup.ts
@@ -19,7 +19,6 @@ export const dockerSwarmInitialized = async () => {
 
 		return true;
 	} catch (e) {
-		console.log(e);
 		return false;
 	}
 };

From c96d3e866382f607d43b3b5094a0986635321c94 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:03:35 -0600
Subject: [PATCH 11/33] refactor: add drizzle schema when truncate the whole db

---
 server/db/reset.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/server/db/reset.ts b/server/db/reset.ts
index 108c1d196..dc731a20c 100644
--- a/server/db/reset.ts
+++ b/server/db/reset.ts
@@ -10,9 +10,10 @@ const db = drizzle(pg);
 
 const clearDb = async (): Promise<void> => {
 	try {
-		const tablesQuery = sql<string>`DROP SCHEMA public CASCADE; CREATE SCHEMA public;`;
+		const tablesQuery = sql<string>`DROP SCHEMA public CASCADE; CREATE SCHEMA public; DROP schema drizzle CASCADE;`;
 		const tables = await db.execute(tablesQuery);
 		console.log(tables);
+		await pg.end();
 	} catch (error) {
 		console.error("Error to clean database", error);
 	} finally {

From 69122573aa82e216a76a48bd7d7cd8cb8d29d1f8 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:03:58 -0600
Subject: [PATCH 12/33] feat: add setup file to spin up the necessary files and
 services

---
 setup.ts | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 setup.ts

diff --git a/setup.ts b/setup.ts
new file mode 100644
index 000000000..09eb57bbb
--- /dev/null
+++ b/setup.ts
@@ -0,0 +1,26 @@
+import {
+	createDefaultMiddlewares,
+	createDefaultServerTraefikConfig,
+	createDefaultTraefikConfig,
+	initializeTraefik,
+} from "./server/setup/traefik-setup";
+import { initializeRedis } from "./server/setup/redis-setup";
+import { initializePostgres } from "./server/setup/postgres-setup";
+import { setupDirectories } from "./server/setup/config-paths";
+import { initializeNetwork, initializeSwarm } from "./server/setup/setup";
+
+(async () => {
+	try {
+		setupDirectories();
+		createDefaultMiddlewares();
+		await initializeSwarm();
+		await initializeNetwork();
+		createDefaultTraefikConfig();
+		createDefaultServerTraefikConfig();
+		await initializeTraefik();
+		await initializeRedis();
+		await initializePostgres();
+	} catch (e) {
+		console.error("Error to setup dokploy", e);
+	}
+})();

From 4c2bfb95e32e90130160971615c1a07f4b0c6fdc Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 00:04:20 -0600
Subject: [PATCH 13/33] chore: update instructions to run the project properly

---
 CONTRIBUTING.md | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 8d0a2d44d..06467b184 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -51,10 +51,12 @@ feat: add new feature
 
 ## Setup
 
+We use Node `18.18.0` and pnpm `8.15.4` to run the project.
+
 ```bash
 git clone https://github.com/dokploy/dokploy.git
 cd dokploy
-npm install
+pnpm install
 cp .env.example .env
 ```
 
@@ -62,28 +64,46 @@ cp .env.example .env
 
 Is required to have **Docker** installed on your machine.
 
+
+### Setup
+
+We need to create the file system of dokploy and give the permissions.
+
 ```bash
-npm run dev
+sudo mkdir -p /etc/dokploy && sudo chmod 777 /etc/dokploy
 ```
 
+Now we can run the command that will spin up all the required services and files.
+
+```bash
+pnpm run setup
+```
+
+Now run the development server.
+
+```bash
+pnpm run dev
+```
+
+
 Go to http://localhost:3000 to see the development server
 
 ## Build
 
 ```bash
-npm run build
+pnpm run build
 ```
 
 ## Docker
 
 To build the docker image
 ```bash
-npm run docker:build
+pnpm run docker:build
 ```
 
 To push the docker image
 ```bash
-npm run docker:push
+pnpm run docker:push
 ```
 
 ## Password Reset

From 0e63eb77c0002cc0d057b231f3ec9b1174510bc9 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 01:09:04 -0600
Subject: [PATCH 14/33] refactor: remove console log

---
 pages/dashboard/settings/server.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/dashboard/settings/server.tsx b/pages/dashboard/settings/server.tsx
index c08b607a1..8eedf2994 100644
--- a/pages/dashboard/settings/server.tsx
+++ b/pages/dashboard/settings/server.tsx
@@ -38,7 +38,6 @@ export async function getServerSideProps(
 			},
 		};
 	}
-	console.log(user);
 	if (user.rol === "user") {
 		return {
 			redirect: {

From 9f2b5a9728facfeb97535b9e35bcf5912269c29a Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 01:09:28 -0600
Subject: [PATCH 15/33] chore: add engines to package json

---
 .gitignore   | 1 +
 package.json | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 71a3816e7..c1b996d08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,7 @@
 .pnp.js
 /redis-data
 traefik.yml
+.docker
 
 # testing
 /coverage
diff --git a/package.json b/package.json
index 36fe81978..5a6cdfd97 100644
--- a/package.json
+++ b/package.json
@@ -129,6 +129,7 @@
     "initVersion": "7.25.2"
   },
   "engines": {
-    "node": "18.x"
-  }
+    "node": "^18.18.0",
+    "pnpm": "^8.15.4"
+}
 }

From 944d89f6d2aa9e8e900b8b2dfa7d21367d8af1ae Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 01:11:36 -0600
Subject: [PATCH 16/33] refactor: add current directory + .docker dir in dev

---
 server/constants/index.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/server/constants/index.ts b/server/constants/index.ts
index fe3f9fa65..4c7cd5a5c 100644
--- a/server/constants/index.ts
+++ b/server/constants/index.ts
@@ -1,6 +1,10 @@
 import Docker from "dockerode";
+import path from "node:path";
 
-export const BASE_PATH = "/etc/dokploy";
+export const BASE_PATH =
+	process.env.NODE_ENV === "production"
+		? "/etc/dokploy"
+		: path.join(process.cwd(), ".docker");
 export const MAIN_TRAEFIK_PATH = `${BASE_PATH}/traefik`;
 export const DYNAMIC_TRAEFIK_PATH = `${BASE_PATH}/traefik/dynamic`;
 export const LOGS_PATH = `${BASE_PATH}/logs`;

From bec71c9c7ae7933376e7dbabfe3e2f704886daed Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 01:12:20 -0600
Subject: [PATCH 17/33] chore: remove instructions

---
 .gitignore      | 1 +
 CONTRIBUTING.md | 8 --------
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index c1b996d08..bfbda236c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,7 @@
 /redis-data
 traefik.yml
 .docker
+.env.production
 
 # testing
 /coverage
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 06467b184..77c0fef01 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -51,8 +51,6 @@ feat: add new feature
 
 ## Setup
 
-We use Node `18.18.0` and pnpm `8.15.4` to run the project.
-
 ```bash
 git clone https://github.com/dokploy/dokploy.git
 cd dokploy
@@ -67,12 +65,6 @@ Is required to have **Docker** installed on your machine.
 
 ### Setup
 
-We need to create the file system of dokploy and give the permissions.
-
-```bash
-sudo mkdir -p /etc/dokploy && sudo chmod 777 /etc/dokploy
-```
-
 Now we can run the command that will spin up all the required services and files.
 
 ```bash

From 39dc661890ab0acade9ffe7fcf08425fb2497755 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 01:28:39 -0600
Subject: [PATCH 18/33] refactor: assign directory inside of container

---
 server/setup/traefik-setup.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/server/setup/traefik-setup.ts b/server/setup/traefik-setup.ts
index 55abe3db9..916495fa4 100644
--- a/server/setup/traefik-setup.ts
+++ b/server/setup/traefik-setup.ts
@@ -133,7 +133,7 @@ export const createDefaultTraefikConfig = () => {
 				},
 			}),
 			file: {
-				directory: DYNAMIC_TRAEFIK_PATH,
+				directory: "/etc/dokploy/traefik/dynamic",
 				watch: true,
 			},
 		},

From 24f751284078be77ead375d0812552e78aaddd68 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 01:29:35 -0600
Subject: [PATCH 19/33] chore: remove text

---
 CONTRIBUTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 77c0fef01..84c57c7f4 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -65,7 +65,7 @@ Is required to have **Docker** installed on your machine.
 
 ### Setup
 
-Now we can run the command that will spin up all the required services and files.
+Run the command that will spin up all the required services and files.
 
 ```bash
 pnpm run setup

From 31077bd2c4834a4e059689f0964e8fc1dee1b0a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20Hauser?= <kristof.hauser@imm-data.com>
Date: Wed, 1 May 2024 15:53:47 +0200
Subject: [PATCH 20/33] feat: use `ss -tulnp | grep ':PORT '` instead of `lsof
 -i :PORT`

On GCP instances lsof -i gives false positive about port usage. Using ss -tulnp fixes this
---
 docker/prod.sh | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docker/prod.sh b/docker/prod.sh
index 6408807d3..caafe9605 100644
--- a/docker/prod.sh
+++ b/docker/prod.sh
@@ -19,13 +19,13 @@ if [ -f /.dockerenv ]; then
 fi
 
 # check if something is running on port 80
-if lsof -i :80 >/dev/null; then
+if ss -tulnp | grep ':80 ' >/dev/null; then
     echo "Error: something is already running on port 80" >&2
     exit 1
 fi
 
 # check if something is running on port 443
-if lsof -i :443 >/dev/null; then
+if ss -tulnp | grep ':443 ' >/dev/null; then
     echo "Error: something is already running on port 443" >&2
     exit 1
 fi

From 714444d1d65edde9bfe8e7e2684021bb6ff84120 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 10:14:36 -0600
Subject: [PATCH 21/33] fix(#10): slugify the appName and remove weird
 characters

---
 .../settings/github/github-setup.tsx          | 25 ++++++++++++++-----
 .../settings/github/remove-github-app.tsx     |  1 +
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/components/dashboard/settings/github/github-setup.tsx b/components/dashboard/settings/github/github-setup.tsx
index 997dbe449..6e9a80586 100644
--- a/components/dashboard/settings/github/github-setup.tsx
+++ b/components/dashboard/settings/github/github-setup.tsx
@@ -31,6 +31,14 @@ export const generateName = () => {
 		n2[Math.round(Math.random() * (n2.length - 1))]
 	}`;
 };
+function slugify(text: string) {
+	return text
+		.toLowerCase()
+		.replace(/[\s\^&*()+=!]+/g, "-")
+		.replace(/[\$.,*+~()'"!:@^&]+/g, "")
+		.replace(/-+/g, "-")
+		.replace(/^-+|-+$/g, "");
+}
 
 export const GithubSetup = () => {
 	const [isOrganization, setIsOrganization] = useState(false);
@@ -98,12 +106,17 @@ export const GithubSetup = () => {
 									your GitHub account.
 								</span>
 
-								<Link
-									href={`https://github.com/apps/${data.githubAppName}/installations/new?state=gh_setup:${data?.authId}`}
-									className={buttonVariants({ className: "w-fit" })}
-								>
-									Install Github App
-								</Link>
+								<div className="flex flex-row gap-4">
+									<Link
+										href={`https://github.com/apps/${slugify(
+											data.githubAppName,
+										)}/installations/new?state=gh_setup:${data?.authId}`}
+										className={buttonVariants({ className: "w-fit" })}
+									>
+										Install Github App
+									</Link>
+									<RemoveGithubApp />
+								</div>
 							</div>
 						) : (
 							<div>
diff --git a/components/dashboard/settings/github/remove-github-app.tsx b/components/dashboard/settings/github/remove-github-app.tsx
index e45d42658..ec1aa538c 100644
--- a/components/dashboard/settings/github/remove-github-app.tsx
+++ b/components/dashboard/settings/github/remove-github-app.tsx
@@ -39,6 +39,7 @@ export const RemoveGithubApp = () => {
 							await mutateAsync()
 								.then(async () => {
 									await refetch();
+									utils.admin.one.invalidate();
 									await utils.admin.haveGithubConfigured.invalidate();
 									toast.success("Github application deleted succesfully.");
 								})

From 9fae479e718d76e236f7e7ac9bb12b97bcd01533 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 15:17:08 -0600
Subject: [PATCH 22/33] Update prod.sh

I updated the script since the actual script was outdate
---
 docker/prod.sh | 49 ++++++++++++++++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 19 deletions(-)

diff --git a/docker/prod.sh b/docker/prod.sh
index caafe9605..77513175b 100644
--- a/docker/prod.sh
+++ b/docker/prod.sh
@@ -31,27 +31,9 @@ if ss -tulnp | grep ':443 ' >/dev/null; then
 fi
 
 
-# Network
-network_exists=$(docker network ls | grep dokploy-network)
 
-if [ -z "$network_exists" ]; then
-    docker network create --driver overlay --attachable dokploy-network
-    echo "Network was initialized"
-else
-    echo "Network is already initialized"
-fi
 
 
-# Swarm
-swarm_status=$(docker info --format '{{.Swarm.LocalNodeState}}')
-
-if [ "$swarm_status" = "active" ]; then
-    docker swarm leave --force 1> /dev/null 2> /dev/null || true
-    echo "Swarm is already initialized"
-else
-    docker swarm init --advertise-addr 127.0.0.1 --listen-addr 0.0.0.0
-    echo "Swarm was initialized"
-fi
 
 command_exists() {
   command -v "$@" > /dev/null 2>&1
@@ -63,6 +45,20 @@ else
   curl -sSL https://get.docker.com | sh
 fi
 
+docker swarm leave --force 2>/dev/null
+docker swarm init --advertise-addr 127.0.0.1 --listen-addr 0.0.0.0;
+
+echo "Swarm initialized"
+
+docker network rm -f dokploy-network 2>/dev/null
+docker network create --driver overlay --attachable dokploy-network
+
+echo "Network created"
+
+mkdir -p /etc/dokploy
+
+chmod -R 777 /etc/dokploy
+
 docker pull dokploy/dokploy:latest
 
 # Installation
@@ -75,4 +71,19 @@ docker service create \
   --publish published=3000,target=3000,mode=host \
   --update-parallelism 1 \
   --update-order stop-first \
-  dokploy/dokploy:latest
\ No newline at end of file
+  dokploy/dokploy:latest
+
+
+public_ip=$(hostname -I | awk '{print $1}')
+
+GREEN="\033[0;32m"
+YELLOW="\033[1;33m"
+BLUE="\033[0;34m"
+NC="\033[0m" # No Color
+
+
+echo ""
+printf "${GREEN}Congratulations, Dokploy is installed!${NC}\n"
+printf "${BLUE}Wait 15 seconds for the server to start${NC}\n"
+printf "${YELLOW}Please go to http://${public_ip}:3000${NC}\n\n"
+echo ""

From 5657c45faf34974f5cf42368143b94b2d17133d0 Mon Sep 17 00:00:00 2001
From: Jesse Holden <jesse.holden@busbud.com>
Date: Wed, 1 May 2024 18:40:18 -0400
Subject: [PATCH 23/33] fix(typo): enviroment -> environment

---
 .../{enviroment => environment}/show.tsx      | 32 +++++++++----------
 .../show-mariadb-environment.tsx}             | 32 +++++++++----------
 .../show-mongo-environment.tsx}               | 32 +++++++++----------
 .../show-mysql-environment.tsx}               | 32 +++++++++----------
 .../show-postgres-environment.tsx}            | 32 +++++++++----------
 .../show-redis-environment.tsx}               | 32 +++++++++----------
 .../services/application/[applicationId].tsx  |  8 ++---
 .../services/mariadb/[mariadbId].tsx          |  8 ++---
 .../[projectId]/services/mongo/[mongoId].tsx  |  8 ++---
 .../[projectId]/services/mysql/[mysqlId].tsx  |  8 ++---
 .../services/postgres/[postgresId].tsx        |  8 ++---
 .../[projectId]/services/redis/[redisId].tsx  |  8 ++---
 server/api/routers/application.ts             |  6 ++--
 server/api/routers/mariadb.ts                 |  8 ++---
 server/api/routers/mongo.ts                   |  8 ++---
 server/api/routers/mysql.ts                   |  8 ++---
 server/api/routers/postgres.ts                |  8 ++---
 server/api/routers/redis.ts                   |  8 ++---
 server/db/schema/application.ts               |  2 +-
 server/db/schema/mariadb.ts                   |  2 +-
 server/db/schema/mongo.ts                     |  2 +-
 server/db/schema/mysql.ts                     |  2 +-
 server/db/schema/postgres.ts                  |  2 +-
 server/db/schema/redis.ts                     |  2 +-
 24 files changed, 149 insertions(+), 149 deletions(-)
 rename components/dashboard/application/{enviroment => environment}/show.tsx (73%)
 rename components/dashboard/mariadb/{enviroment/show-mariadb-enviroment.tsx => environment/show-mariadb-environment.tsx} (72%)
 rename components/dashboard/mongo/{enviroment/show-mongo-enviroment.tsx => environment/show-mongo-environment.tsx} (72%)
 rename components/dashboard/mysql/{enviroment/show-mysql-enviroment.tsx => environment/show-mysql-environment.tsx} (72%)
 rename components/dashboard/postgres/{enviroment/show-postgres-enviroment.tsx => environment/show-postgres-environment.tsx} (72%)
 rename components/dashboard/redis/{enviroment/show-redis-enviroment.tsx => environment/show-redis-environment.tsx} (72%)

diff --git a/components/dashboard/application/enviroment/show.tsx b/components/dashboard/application/environment/show.tsx
similarity index 73%
rename from components/dashboard/application/enviroment/show.tsx
rename to components/dashboard/application/environment/show.tsx
index 063f7b1ad..efd218e29 100644
--- a/components/dashboard/application/enviroment/show.tsx
+++ b/components/dashboard/application/environment/show.tsx
@@ -21,19 +21,19 @@ import { api } from "@/utils/api";
 import { toast } from "sonner";
 import { Textarea } from "@/components/ui/textarea";
 
-const addEnviromentSchema = z.object({
-	enviroment: z.string(),
+const addEnvironmentSchema = z.object({
+	environment: z.string(),
 });
 
-type EnviromentSchema = z.infer<typeof addEnviromentSchema>;
+type EnvironmentSchema = z.infer<typeof addEnvironmentSchema>;
 
 interface Props {
 	applicationId: string;
 }
 
-export const ShowEnviroment = ({ applicationId }: Props) => {
+export const ShowEnvironment = ({ applicationId }: Props) => {
 	const { mutateAsync, isLoading } =
-		api.application.saveEnviroment.useMutation();
+		api.application.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.application.one.useQuery(
 		{
@@ -43,32 +43,32 @@ export const ShowEnviroment = ({ applicationId }: Props) => {
 			enabled: !!applicationId,
 		},
 	);
-	const form = useForm<EnviromentSchema>({
+	const form = useForm<EnvironmentSchema>({
 		defaultValues: {
-			enviroment: "",
+			environment: "",
 		},
-		resolver: zodResolver(addEnviromentSchema),
+		resolver: zodResolver(addEnvironmentSchema),
 	});
 
 	useEffect(() => {
 		if (data) {
 			form.reset({
-				enviroment: data.env || "",
+				environment: data.env || "",
 			});
 		}
 	}, [form.reset, data, form]);
 
-	const onSubmit = async (data: EnviromentSchema) => {
+	const onSubmit = async (data: EnvironmentSchema) => {
 		mutateAsync({
-			env: data.enviroment,
+			env: data.environment,
 			applicationId,
 		})
 			.then(async () => {
-				toast.success("Enviroments Added");
+				toast.success("Environments Added");
 				await refetch();
 			})
 			.catch(() => {
-				toast.error("Error to add enviroment");
+				toast.error("Error to add environment");
 			});
 	};
 
@@ -76,9 +76,9 @@ export const ShowEnviroment = ({ applicationId }: Props) => {
 		<div className="flex w-full flex-col gap-5 ">
 			<Card className="bg-background">
 				<CardHeader>
-					<CardTitle className="text-xl">Enviroment Settings</CardTitle>
+					<CardTitle className="text-xl">Environment Settings</CardTitle>
 					<CardDescription>
-						You can add enviroment variables to your resource.
+						You can add environment variables to your resource.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -90,7 +90,7 @@ export const ShowEnviroment = ({ applicationId }: Props) => {
 						>
 							<FormField
 								control={form.control}
-								name="enviroment"
+								name="environment"
 								render={({ field }) => (
 									<FormItem className="w-full">
 										<FormControl>
diff --git a/components/dashboard/mariadb/enviroment/show-mariadb-enviroment.tsx b/components/dashboard/mariadb/environment/show-mariadb-environment.tsx
similarity index 72%
rename from components/dashboard/mariadb/enviroment/show-mariadb-enviroment.tsx
rename to components/dashboard/mariadb/environment/show-mariadb-environment.tsx
index 4e4708e21..cfc892715 100644
--- a/components/dashboard/mariadb/enviroment/show-mariadb-enviroment.tsx
+++ b/components/dashboard/mariadb/environment/show-mariadb-environment.tsx
@@ -21,18 +21,18 @@ import { api } from "@/utils/api";
 import { toast } from "sonner";
 import { Textarea } from "@/components/ui/textarea";
 
-const addEnviromentSchema = z.object({
-	enviroment: z.string(),
+const addEnvironmentSchema = z.object({
+	environment: z.string(),
 });
 
-type EnviromentSchema = z.infer<typeof addEnviromentSchema>;
+type EnvironmentSchema = z.infer<typeof addEnvironmentSchema>;
 
 interface Props {
 	mariadbId: string;
 }
 
-export const ShowMariadbEnviroment = ({ mariadbId }: Props) => {
-	const { mutateAsync, isLoading } = api.mariadb.saveEnviroment.useMutation();
+export const ShowMariadbEnvironment = ({ mariadbId }: Props) => {
+	const { mutateAsync, isLoading } = api.mariadb.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.mariadb.one.useQuery(
 		{
@@ -42,32 +42,32 @@ export const ShowMariadbEnviroment = ({ mariadbId }: Props) => {
 			enabled: !!mariadbId,
 		},
 	);
-	const form = useForm<EnviromentSchema>({
+	const form = useForm<EnvironmentSchema>({
 		defaultValues: {
-			enviroment: "",
+			environment: "",
 		},
-		resolver: zodResolver(addEnviromentSchema),
+		resolver: zodResolver(addEnvironmentSchema),
 	});
 
 	useEffect(() => {
 		if (data) {
 			form.reset({
-				enviroment: data.env || "",
+				environment: data.env || "",
 			});
 		}
 	}, [form.reset, data, form]);
 
-	const onSubmit = async (data: EnviromentSchema) => {
+	const onSubmit = async (data: EnvironmentSchema) => {
 		mutateAsync({
-			env: data.enviroment,
+			env: data.environment,
 			mariadbId,
 		})
 			.then(async () => {
-				toast.success("Enviroments Added");
+				toast.success("Environments Added");
 				await refetch();
 			})
 			.catch(() => {
-				toast.error("Error to add enviroment");
+				toast.error("Error to add environment");
 			});
 	};
 
@@ -75,9 +75,9 @@ export const ShowMariadbEnviroment = ({ mariadbId }: Props) => {
 		<div className="flex w-full flex-col gap-5 ">
 			<Card className="bg-background">
 				<CardHeader>
-					<CardTitle className="text-xl">Enviroment Settings</CardTitle>
+					<CardTitle className="text-xl">Environment Settings</CardTitle>
 					<CardDescription>
-						You can add enviroment variables to your database.
+						You can add environment variables to your database.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -89,7 +89,7 @@ export const ShowMariadbEnviroment = ({ mariadbId }: Props) => {
 						>
 							<FormField
 								control={form.control}
-								name="enviroment"
+								name="environment"
 								render={({ field }) => (
 									<FormItem className="w-full">
 										<FormControl>
diff --git a/components/dashboard/mongo/enviroment/show-mongo-enviroment.tsx b/components/dashboard/mongo/environment/show-mongo-environment.tsx
similarity index 72%
rename from components/dashboard/mongo/enviroment/show-mongo-enviroment.tsx
rename to components/dashboard/mongo/environment/show-mongo-environment.tsx
index 24080adf1..0c99cede5 100644
--- a/components/dashboard/mongo/enviroment/show-mongo-enviroment.tsx
+++ b/components/dashboard/mongo/environment/show-mongo-environment.tsx
@@ -21,18 +21,18 @@ import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { z } from "zod";
 
-const addEnviromentSchema = z.object({
-	enviroment: z.string(),
+const addEnvironmentSchema = z.object({
+	environment: z.string(),
 });
 
-type EnviromentSchema = z.infer<typeof addEnviromentSchema>;
+type EnvironmentSchema = z.infer<typeof addEnvironmentSchema>;
 
 interface Props {
 	mongoId: string;
 }
 
-export const ShowMongoEnviroment = ({ mongoId }: Props) => {
-	const { mutateAsync, isLoading } = api.mongo.saveEnviroment.useMutation();
+export const ShowMongoEnvironment = ({ mongoId }: Props) => {
+	const { mutateAsync, isLoading } = api.mongo.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.mongo.one.useQuery(
 		{
@@ -42,32 +42,32 @@ export const ShowMongoEnviroment = ({ mongoId }: Props) => {
 			enabled: !!mongoId,
 		},
 	);
-	const form = useForm<EnviromentSchema>({
+	const form = useForm<EnvironmentSchema>({
 		defaultValues: {
-			enviroment: "",
+			environment: "",
 		},
-		resolver: zodResolver(addEnviromentSchema),
+		resolver: zodResolver(addEnvironmentSchema),
 	});
 
 	useEffect(() => {
 		if (data) {
 			form.reset({
-				enviroment: data.env || "",
+				environment: data.env || "",
 			});
 		}
 	}, [form.reset, data, form]);
 
-	const onSubmit = async (data: EnviromentSchema) => {
+	const onSubmit = async (data: EnvironmentSchema) => {
 		mutateAsync({
-			env: data.enviroment,
+			env: data.environment,
 			mongoId,
 		})
 			.then(async () => {
-				toast.success("Enviroments Added");
+				toast.success("Environments Added");
 				await refetch();
 			})
 			.catch(() => {
-				toast.error("Error to add enviroment");
+				toast.error("Error to add environment");
 			});
 	};
 
@@ -75,9 +75,9 @@ export const ShowMongoEnviroment = ({ mongoId }: Props) => {
 		<div className="flex w-full flex-col gap-5 ">
 			<Card className="bg-background">
 				<CardHeader>
-					<CardTitle className="text-xl">Enviroment Settings</CardTitle>
+					<CardTitle className="text-xl">Environment Settings</CardTitle>
 					<CardDescription>
-						You can add enviroment variables to your database.
+						You can add environment variables to your database.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -89,7 +89,7 @@ export const ShowMongoEnviroment = ({ mongoId }: Props) => {
 						>
 							<FormField
 								control={form.control}
-								name="enviroment"
+								name="environment"
 								render={({ field }) => (
 									<FormItem className="w-full">
 										<FormControl>
diff --git a/components/dashboard/mysql/enviroment/show-mysql-enviroment.tsx b/components/dashboard/mysql/environment/show-mysql-environment.tsx
similarity index 72%
rename from components/dashboard/mysql/enviroment/show-mysql-enviroment.tsx
rename to components/dashboard/mysql/environment/show-mysql-environment.tsx
index a3da6f056..2135d7080 100644
--- a/components/dashboard/mysql/enviroment/show-mysql-enviroment.tsx
+++ b/components/dashboard/mysql/environment/show-mysql-environment.tsx
@@ -21,18 +21,18 @@ import { api } from "@/utils/api";
 import { toast } from "sonner";
 import { Textarea } from "@/components/ui/textarea";
 
-const addEnviromentSchema = z.object({
-	enviroment: z.string(),
+const addEnvironmentSchema = z.object({
+	environment: z.string(),
 });
 
-type EnviromentSchema = z.infer<typeof addEnviromentSchema>;
+type EnvironmentSchema = z.infer<typeof addEnvironmentSchema>;
 
 interface Props {
 	mysqlId: string;
 }
 
-export const ShowMysqlEnviroment = ({ mysqlId }: Props) => {
-	const { mutateAsync, isLoading } = api.mysql.saveEnviroment.useMutation();
+export const ShowMysqlEnvironment = ({ mysqlId }: Props) => {
+	const { mutateAsync, isLoading } = api.mysql.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.mysql.one.useQuery(
 		{
@@ -42,32 +42,32 @@ export const ShowMysqlEnviroment = ({ mysqlId }: Props) => {
 			enabled: !!mysqlId,
 		},
 	);
-	const form = useForm<EnviromentSchema>({
+	const form = useForm<EnvironmentSchema>({
 		defaultValues: {
-			enviroment: "",
+			environment: "",
 		},
-		resolver: zodResolver(addEnviromentSchema),
+		resolver: zodResolver(addEnvironmentSchema),
 	});
 
 	useEffect(() => {
 		if (data) {
 			form.reset({
-				enviroment: data.env || "",
+				environment: data.env || "",
 			});
 		}
 	}, [form.reset, data, form]);
 
-	const onSubmit = async (data: EnviromentSchema) => {
+	const onSubmit = async (data: EnvironmentSchema) => {
 		mutateAsync({
-			env: data.enviroment,
+			env: data.environment,
 			mysqlId,
 		})
 			.then(async () => {
-				toast.success("Enviroments Added");
+				toast.success("Environments Added");
 				await refetch();
 			})
 			.catch(() => {
-				toast.error("Error to add enviroment");
+				toast.error("Error to add environment");
 			});
 	};
 
@@ -75,9 +75,9 @@ export const ShowMysqlEnviroment = ({ mysqlId }: Props) => {
 		<div className="flex w-full flex-col gap-5 ">
 			<Card className="bg-background">
 				<CardHeader>
-					<CardTitle className="text-xl">Enviroment Settings</CardTitle>
+					<CardTitle className="text-xl">Environment Settings</CardTitle>
 					<CardDescription>
-						You can add enviroment variables to your database.
+						You can add environment variables to your database.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -89,7 +89,7 @@ export const ShowMysqlEnviroment = ({ mysqlId }: Props) => {
 						>
 							<FormField
 								control={form.control}
-								name="enviroment"
+								name="environment"
 								render={({ field }) => (
 									<FormItem className="w-full">
 										<FormControl>
diff --git a/components/dashboard/postgres/enviroment/show-postgres-enviroment.tsx b/components/dashboard/postgres/environment/show-postgres-environment.tsx
similarity index 72%
rename from components/dashboard/postgres/enviroment/show-postgres-enviroment.tsx
rename to components/dashboard/postgres/environment/show-postgres-environment.tsx
index 3e9e470a0..8a8b792d1 100644
--- a/components/dashboard/postgres/enviroment/show-postgres-enviroment.tsx
+++ b/components/dashboard/postgres/environment/show-postgres-environment.tsx
@@ -21,18 +21,18 @@ import { api } from "@/utils/api";
 import { toast } from "sonner";
 import { Textarea } from "@/components/ui/textarea";
 
-const addEnviromentSchema = z.object({
-	enviroment: z.string(),
+const addEnvironmentSchema = z.object({
+	environment: z.string(),
 });
 
-type EnviromentSchema = z.infer<typeof addEnviromentSchema>;
+type EnvironmentSchema = z.infer<typeof addEnvironmentSchema>;
 
 interface Props {
 	postgresId: string;
 }
 
-export const ShowPostgresEnviroment = ({ postgresId }: Props) => {
-	const { mutateAsync, isLoading } = api.postgres.saveEnviroment.useMutation();
+export const ShowPostgresEnvironment = ({ postgresId }: Props) => {
+	const { mutateAsync, isLoading } = api.postgres.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.postgres.one.useQuery(
 		{
@@ -42,32 +42,32 @@ export const ShowPostgresEnviroment = ({ postgresId }: Props) => {
 			enabled: !!postgresId,
 		},
 	);
-	const form = useForm<EnviromentSchema>({
+	const form = useForm<EnvironmentSchema>({
 		defaultValues: {
-			enviroment: "",
+			environment: "",
 		},
-		resolver: zodResolver(addEnviromentSchema),
+		resolver: zodResolver(addEnvironmentSchema),
 	});
 
 	useEffect(() => {
 		if (data) {
 			form.reset({
-				enviroment: data.env || "",
+				environment: data.env || "",
 			});
 		}
 	}, [form.reset, data, form]);
 
-	const onSubmit = async (data: EnviromentSchema) => {
+	const onSubmit = async (data: EnvironmentSchema) => {
 		mutateAsync({
-			env: data.enviroment,
+			env: data.environment,
 			postgresId,
 		})
 			.then(async () => {
-				toast.success("Enviroments Added");
+				toast.success("Environments Added");
 				await refetch();
 			})
 			.catch(() => {
-				toast.error("Error to add enviroment");
+				toast.error("Error to add environment");
 			});
 	};
 
@@ -75,9 +75,9 @@ export const ShowPostgresEnviroment = ({ postgresId }: Props) => {
 		<div className="flex w-full flex-col gap-5 ">
 			<Card className="bg-background">
 				<CardHeader>
-					<CardTitle className="text-xl">Enviroment Settings</CardTitle>
+					<CardTitle className="text-xl">Environment Settings</CardTitle>
 					<CardDescription>
-						You can add enviroment variables to your database.
+						You can add environment variables to your database.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -89,7 +89,7 @@ export const ShowPostgresEnviroment = ({ postgresId }: Props) => {
 						>
 							<FormField
 								control={form.control}
-								name="enviroment"
+								name="environment"
 								render={({ field }) => (
 									<FormItem className="w-full">
 										<FormControl>
diff --git a/components/dashboard/redis/enviroment/show-redis-enviroment.tsx b/components/dashboard/redis/environment/show-redis-environment.tsx
similarity index 72%
rename from components/dashboard/redis/enviroment/show-redis-enviroment.tsx
rename to components/dashboard/redis/environment/show-redis-environment.tsx
index e706cb712..c6eb715bd 100644
--- a/components/dashboard/redis/enviroment/show-redis-enviroment.tsx
+++ b/components/dashboard/redis/environment/show-redis-environment.tsx
@@ -21,18 +21,18 @@ import { api } from "@/utils/api";
 import { toast } from "sonner";
 import { Textarea } from "@/components/ui/textarea";
 
-const addEnviromentSchema = z.object({
-	enviroment: z.string(),
+const addEnvironmentSchema = z.object({
+	environment: z.string(),
 });
 
-type EnviromentSchema = z.infer<typeof addEnviromentSchema>;
+type EnvironmentSchema = z.infer<typeof addEnvironmentSchema>;
 
 interface Props {
 	redisId: string;
 }
 
-export const ShowRedisEnviroment = ({ redisId }: Props) => {
-	const { mutateAsync, isLoading } = api.redis.saveEnviroment.useMutation();
+export const ShowRedisEnvironment = ({ redisId }: Props) => {
+	const { mutateAsync, isLoading } = api.redis.saveEnvironment.useMutation();
 
 	const { data, refetch } = api.redis.one.useQuery(
 		{
@@ -42,32 +42,32 @@ export const ShowRedisEnviroment = ({ redisId }: Props) => {
 			enabled: !!redisId,
 		},
 	);
-	const form = useForm<EnviromentSchema>({
+	const form = useForm<EnvironmentSchema>({
 		defaultValues: {
-			enviroment: "",
+			environment: "",
 		},
-		resolver: zodResolver(addEnviromentSchema),
+		resolver: zodResolver(addEnvironmentSchema),
 	});
 
 	useEffect(() => {
 		if (data) {
 			form.reset({
-				enviroment: data.env || "",
+				environment: data.env || "",
 			});
 		}
 	}, [form.reset, data, form]);
 
-	const onSubmit = async (data: EnviromentSchema) => {
+	const onSubmit = async (data: EnvironmentSchema) => {
 		mutateAsync({
-			env: data.enviroment,
+			env: data.environment,
 			redisId,
 		})
 			.then(async () => {
-				toast.success("Enviroments Added");
+				toast.success("Environments Added");
 				await refetch();
 			})
 			.catch(() => {
-				toast.error("Error to add enviroment");
+				toast.error("Error to add environment");
 			});
 	};
 
@@ -75,9 +75,9 @@ export const ShowRedisEnviroment = ({ redisId }: Props) => {
 		<div className="flex w-full flex-col gap-5 ">
 			<Card className="bg-background">
 				<CardHeader>
-					<CardTitle className="text-xl">Enviroment Settings</CardTitle>
+					<CardTitle className="text-xl">Environment Settings</CardTitle>
 					<CardDescription>
-						You can add enviroment variables to your database.
+						You can add environment variables to your database.
 					</CardDescription>
 				</CardHeader>
 				<CardContent>
@@ -89,7 +89,7 @@ export const ShowRedisEnviroment = ({ redisId }: Props) => {
 						>
 							<FormField
 								control={form.control}
-								name="enviroment"
+								name="environment"
 								render={({ field }) => (
 									<FormItem className="w-full">
 										<FormControl>
diff --git a/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx b/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
index 33e4dd080..fde599a8c 100644
--- a/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
+++ b/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx
@@ -8,7 +8,7 @@ import { ShowVolumes } from "@/components/dashboard/application/advanced/volumes
 import { DeleteApplication } from "@/components/dashboard/application/delete-application";
 import { ShowDeployments } from "@/components/dashboard/application/deployments/show-deployments";
 import { ShowDomains } from "@/components/dashboard/application/domains/show-domains";
-import { ShowEnviroment } from "@/components/dashboard/application/enviroment/show";
+import { ShowEnvironment } from "@/components/dashboard/application/environment/show";
 import { ShowGeneralApplication } from "@/components/dashboard/application/general/show";
 import { ShowDockerLogs } from "@/components/dashboard/application/logs/show";
 import { UpdateApplication } from "@/components/dashboard/application/update-application";
@@ -127,7 +127,7 @@ const Service = (
 				<div className="flex flex-row items-center justify-between  w-full gap-4">
 					<TabsList className="md:grid md:w-fit md:grid-cols-7 max-md:overflow-y-scroll justify-start">
 						<TabsTrigger value="general">General</TabsTrigger>
-						<TabsTrigger value="enviroment">Enviroment</TabsTrigger>
+						<TabsTrigger value="environment">Environment</TabsTrigger>
 						<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 						<TabsTrigger value="logs">Logs</TabsTrigger>
 						<TabsTrigger value="deployments">Deployments</TabsTrigger>
@@ -147,9 +147,9 @@ const Service = (
 						<ShowGeneralApplication applicationId={applicationId} />
 					</div>
 				</TabsContent>
-				<TabsContent value="enviroment">
+				<TabsContent value="environment">
 					<div className="flex flex-col gap-4 pt-2.5">
-						<ShowEnviroment applicationId={applicationId} />
+						<ShowEnvironment applicationId={applicationId} />
 					</div>
 				</TabsContent>
 				<TabsContent value="monitoring">
diff --git a/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx b/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
index 2f9d4cf3c..fc753faef 100644
--- a/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
+++ b/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx
@@ -2,7 +2,7 @@ import { ShowDockerLogs } from "@/components/dashboard/application/logs/show";
 import { ShowAdvancedMariadb } from "@/components/dashboard/mariadb/advanced/show-mariadb-advanced-settings";
 import { ShowBackupMariadb } from "@/components/dashboard/mariadb/backups/show-backup-mariadb";
 import { DeleteMariadb } from "@/components/dashboard/mariadb/delete-mariadb";
-import { ShowMariadbEnviroment } from "@/components/dashboard/mariadb/enviroment/show-mariadb-enviroment";
+import { ShowMariadbEnvironment } from "@/components/dashboard/mariadb/environment/show-mariadb-environment";
 import { ShowExternalMariadbCredentials } from "@/components/dashboard/mariadb/general/show-external-mariadb-credentials";
 import { ShowGeneralMariadb } from "@/components/dashboard/mariadb/general/show-general-mariadb";
 import { ShowInternalMariadbCredentials } from "@/components/dashboard/mariadb/general/show-internal-mariadb-credentials";
@@ -110,7 +110,7 @@ const Mariadb = (
 				<div className="flex flex-row items-center justify-between  w-full gap-4">
 					<TabsList className="md:grid md:w-fit md:grid-cols-6 max-md:overflow-y-scroll justify-start">
 						<TabsTrigger value="general">General</TabsTrigger>
-						<TabsTrigger value="enviroment">Enviroment</TabsTrigger>
+						<TabsTrigger value="environment">Environment</TabsTrigger>
 						<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 						<TabsTrigger value="backups">Backups</TabsTrigger>
 						<TabsTrigger value="logs">Logs</TabsTrigger>
@@ -131,9 +131,9 @@ const Mariadb = (
 						<ShowExternalMariadbCredentials mariadbId={mariadbId} />
 					</div>
 				</TabsContent>
-				<TabsContent value="enviroment">
+				<TabsContent value="environment">
 					<div className="flex flex-col gap-4 pt-2.5">
-						<ShowMariadbEnviroment mariadbId={mariadbId} />
+						<ShowMariadbEnvironment mariadbId={mariadbId} />
 					</div>
 				</TabsContent>
 				<TabsContent value="monitoring">
diff --git a/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx b/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
index 2b88686c5..b4f106604 100644
--- a/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
+++ b/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx
@@ -2,7 +2,7 @@ import { ShowDockerLogs } from "@/components/dashboard/application/logs/show";
 import { ShowAdvancedMongo } from "@/components/dashboard/mongo/advanced/show-mongo-advanced-settings";
 import { ShowBackupMongo } from "@/components/dashboard/mongo/backups/show-backup-mongo";
 import { DeleteMongo } from "@/components/dashboard/mongo/delete-mongo";
-import { ShowMongoEnviroment } from "@/components/dashboard/mongo/enviroment/show-mongo-enviroment";
+import { ShowMongoEnvironment } from "@/components/dashboard/mongo/environment/show-mongo-environment";
 import { ShowExternalMongoCredentials } from "@/components/dashboard/mongo/general/show-external-mongo-credentials";
 import { ShowGeneralMongo } from "@/components/dashboard/mongo/general/show-general-mongo";
 import { ShowInternalMongoCredentials } from "@/components/dashboard/mongo/general/show-internal-mongo-credentials";
@@ -111,7 +111,7 @@ const Mongo = (
 				<div className="flex flex-row items-center justify-between  w-full gap-4">
 					<TabsList className="md:grid md:w-fit md:grid-cols-6 max-md:overflow-y-scroll justify-start">
 						<TabsTrigger value="general">General</TabsTrigger>
-						<TabsTrigger value="enviroment">Enviroment</TabsTrigger>
+						<TabsTrigger value="environment">Environment</TabsTrigger>
 						<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 						<TabsTrigger value="backups">Backups</TabsTrigger>
 						<TabsTrigger value="logs">Logs</TabsTrigger>
@@ -133,9 +133,9 @@ const Mongo = (
 						<ShowExternalMongoCredentials mongoId={mongoId} />
 					</div>
 				</TabsContent>
-				<TabsContent value="enviroment">
+				<TabsContent value="environment">
 					<div className="flex flex-col gap-4 pt-2.5">
-						<ShowMongoEnviroment mongoId={mongoId} />
+						<ShowMongoEnvironment mongoId={mongoId} />
 					</div>
 				</TabsContent>
 				<TabsContent value="monitoring">
diff --git a/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx b/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
index 095fcd6c5..d7d5c5606 100644
--- a/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
+++ b/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx
@@ -1,7 +1,7 @@
 import { ShowAdvancedMysql } from "@/components/dashboard/mysql/advanced/show-mysql-advanced-settings";
 import { ShowBackupMySql } from "@/components/dashboard/mysql/backups/show-backup-mysql";
 import { DeleteMysql } from "@/components/dashboard/mysql/delete-mysql";
-import { ShowMysqlEnviroment } from "@/components/dashboard/mysql/enviroment/show-mysql-enviroment";
+import { ShowMysqlEnvironment } from "@/components/dashboard/mysql/environment/show-mysql-environment";
 import { ShowExternalMysqlCredentials } from "@/components/dashboard/mysql/general/show-external-mysql-credentials";
 import { ShowGeneralMysql } from "@/components/dashboard/mysql/general/show-general-mysql";
 import { ShowInternalMysqlCredentials } from "@/components/dashboard/mysql/general/show-internal-mysql-credentials";
@@ -110,7 +110,7 @@ const MySql = (
 				<div className="flex flex-row items-center justify-between  w-full gap-4">
 					<TabsList className="md:grid md:w-fit md:grid-cols-6 max-md:overflow-y-scroll justify-start">
 						<TabsTrigger value="general">General</TabsTrigger>
-						<TabsTrigger value="enviroment">Enviroment</TabsTrigger>
+						<TabsTrigger value="environment">Environment</TabsTrigger>
 						<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 						<TabsTrigger value="backups">Backups</TabsTrigger>
 						<TabsTrigger value="logs">Logs</TabsTrigger>
@@ -132,9 +132,9 @@ const MySql = (
 						<ShowExternalMysqlCredentials mysqlId={mysqlId} />
 					</div>
 				</TabsContent>
-				<TabsContent value="enviroment" className="w-full">
+				<TabsContent value="environment" className="w-full">
 					<div className="flex flex-col gap-4 pt-2.5">
-						<ShowMysqlEnviroment mysqlId={mysqlId} />
+						<ShowMysqlEnvironment mysqlId={mysqlId} />
 					</div>
 				</TabsContent>
 				<TabsContent value="monitoring">
diff --git a/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx b/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
index 222a72980..b00eba36b 100644
--- a/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
+++ b/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx
@@ -1,7 +1,7 @@
 import { ShowAdvancedPostgres } from "@/components/dashboard/postgres/advanced/show-postgres-advanced-settings";
 import { ShowBackupPostgres } from "@/components/dashboard/postgres/backups/show-backup-postgres";
 import { DeletePostgres } from "@/components/dashboard/postgres/delete-postgres";
-import { ShowPostgresEnviroment } from "@/components/dashboard/postgres/enviroment/show-postgres-enviroment";
+import { ShowPostgresEnvironment } from "@/components/dashboard/postgres/environment/show-postgres-environment";
 import { ShowExternalPostgresCredentials } from "@/components/dashboard/postgres/general/show-external-postgres-credentials";
 import { ShowGeneralPostgres } from "@/components/dashboard/postgres/general/show-general-postgres";
 import { ShowInternalPostgresCredentials } from "@/components/dashboard/postgres/general/show-internal-postgres-credentials";
@@ -111,7 +111,7 @@ const Postgresql = (
 				<div className="flex flex-row items-center justify-between  w-full gap-4">
 					<TabsList className="md:grid md:w-fit md:grid-cols-6 max-md:overflow-y-scroll justify-start">
 						<TabsTrigger value="general">General</TabsTrigger>
-						<TabsTrigger value="enviroment">Enviroment</TabsTrigger>
+						<TabsTrigger value="environment">Environment</TabsTrigger>
 						<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 						<TabsTrigger value="backups">Backups</TabsTrigger>
 						<TabsTrigger value="logs">Logs</TabsTrigger>
@@ -133,9 +133,9 @@ const Postgresql = (
 						<ShowExternalPostgresCredentials postgresId={postgresId} />
 					</div>
 				</TabsContent>
-				<TabsContent value="enviroment">
+				<TabsContent value="environment">
 					<div className="flex flex-col gap-4 pt-2.5">
-						<ShowPostgresEnviroment postgresId={postgresId} />
+						<ShowPostgresEnvironment postgresId={postgresId} />
 					</div>
 				</TabsContent>
 				<TabsContent value="monitoring">
diff --git a/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx b/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
index e22001332..6f4fdb90d 100644
--- a/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
+++ b/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx
@@ -1,6 +1,6 @@
 import { ShowAdvancedRedis } from "@/components/dashboard/redis/advanced/show-redis-advanced-settings";
 import { DeleteRedis } from "@/components/dashboard/redis/delete-redis";
-import { ShowRedisEnviroment } from "@/components/dashboard/redis/enviroment/show-redis-enviroment";
+import { ShowRedisEnvironment } from "@/components/dashboard/redis/environment/show-redis-environment";
 import { ShowExternalRedisCredentials } from "@/components/dashboard/redis/general/show-external-redis-credentials";
 import { ShowGeneralRedis } from "@/components/dashboard/redis/general/show-general-redis";
 import { ShowInternalRedisCredentials } from "@/components/dashboard/redis/general/show-internal-redis-credentials";
@@ -110,7 +110,7 @@ const Redis = (
 				<div className="flex flex-row items-center justify-between  w-full gap-4">
 					<TabsList className="md:grid md:w-fit md:grid-cols-5 max-md:overflow-y-scroll justify-start">
 						<TabsTrigger value="general">General</TabsTrigger>
-						<TabsTrigger value="enviroment">Enviroment</TabsTrigger>
+						<TabsTrigger value="environment">Environment</TabsTrigger>
 						<TabsTrigger value="monitoring">Monitoring</TabsTrigger>
 						<TabsTrigger value="logs">Logs</TabsTrigger>
 						<TabsTrigger value="advanced">Advanced</TabsTrigger>
@@ -131,9 +131,9 @@ const Redis = (
 						<ShowExternalRedisCredentials redisId={redisId} />
 					</div>
 				</TabsContent>
-				<TabsContent value="enviroment">
+				<TabsContent value="environment">
 					<div className="flex flex-col gap-4 pt-2.5">
-						<ShowRedisEnviroment redisId={redisId} />
+						<ShowRedisEnvironment redisId={redisId} />
 					</div>
 				</TabsContent>
 				<TabsContent value="monitoring">
diff --git a/server/api/routers/application.ts b/server/api/routers/application.ts
index a590e75c4..304d04498 100644
--- a/server/api/routers/application.ts
+++ b/server/api/routers/application.ts
@@ -7,7 +7,7 @@ import {
 	apiReloadApplication,
 	apiSaveBuildType,
 	apiSaveDockerProvider,
-	apiSaveEnviromentVariables,
+	apiSaveEnvironmentVariables,
 	apiSaveGitProvider,
 	apiSaveGithubProvider,
 	apiUpdateApplication,
@@ -170,8 +170,8 @@ export const applicationRouter = createTRPCRouter({
 				},
 			);
 		}),
-	saveEnviroment: protectedProcedure
-		.input(apiSaveEnviromentVariables)
+	saveEnvironment: protectedProcedure
+		.input(apiSaveEnvironmentVariables)
 		.mutation(async ({ input }) => {
 			await updateApplication(input.applicationId, {
 				env: input.env,
diff --git a/server/api/routers/mariadb.ts b/server/api/routers/mariadb.ts
index ecc3d90c8..59e577483 100644
--- a/server/api/routers/mariadb.ts
+++ b/server/api/routers/mariadb.ts
@@ -5,7 +5,7 @@ import {
 	apiDeployMariaDB,
 	apiFindOneMariaDB,
 	apiResetMariadb,
-	apiSaveEnviromentVariablesMariaDB,
+	apiSaveEnvironmentVariablesMariaDB,
 	apiSaveExternalPortMariaDB,
 	apiUpdateMariaDB,
 } from "@/server/db/schema/mariadb";
@@ -134,8 +134,8 @@ export const mariadbRouter = createTRPCRouter({
 
 			return mongo;
 		}),
-	saveEnviroment: protectedProcedure
-		.input(apiSaveEnviromentVariablesMariaDB)
+	saveEnvironment: protectedProcedure
+		.input(apiSaveEnvironmentVariablesMariaDB)
 		.mutation(async ({ input }) => {
 			const service = await updateMariadbById(input.mariadbId, {
 				env: input.env,
@@ -144,7 +144,7 @@ export const mariadbRouter = createTRPCRouter({
 			if (!service) {
 				throw new TRPCError({
 					code: "BAD_REQUEST",
-					message: "Update: Error to add enviroment variables",
+					message: "Update: Error to add environment variables",
 				});
 			}
 
diff --git a/server/api/routers/mongo.ts b/server/api/routers/mongo.ts
index 5d6df2145..705549b67 100644
--- a/server/api/routers/mongo.ts
+++ b/server/api/routers/mongo.ts
@@ -5,7 +5,7 @@ import {
 	apiDeployMongo,
 	apiFindOneMongo,
 	apiResetMongo,
-	apiSaveEnviromentVariablesMongo,
+	apiSaveEnvironmentVariablesMongo,
 	apiSaveExternalPortMongo,
 	apiUpdateMongo,
 } from "@/server/db/schema/mongo";
@@ -148,8 +148,8 @@ export const mongoRouter = createTRPCRouter({
 
 			return mongo;
 		}),
-	saveEnviroment: protectedProcedure
-		.input(apiSaveEnviromentVariablesMongo)
+	saveEnvironment: protectedProcedure
+		.input(apiSaveEnvironmentVariablesMongo)
 		.mutation(async ({ input }) => {
 			const service = await updateMongoById(input.mongoId, {
 				env: input.env,
@@ -158,7 +158,7 @@ export const mongoRouter = createTRPCRouter({
 			if (!service) {
 				throw new TRPCError({
 					code: "BAD_REQUEST",
-					message: "Update: Error to add enviroment variables",
+					message: "Update: Error to add environment variables",
 				});
 			}
 
diff --git a/server/api/routers/mysql.ts b/server/api/routers/mysql.ts
index 54f795e09..02f683baa 100644
--- a/server/api/routers/mysql.ts
+++ b/server/api/routers/mysql.ts
@@ -5,7 +5,7 @@ import {
 	apiDeployMySql,
 	apiFindOneMySql,
 	apiResetMysql,
-	apiSaveEnviromentVariablesMySql,
+	apiSaveEnvironmentVariablesMySql,
 	apiSaveExternalPortMySql,
 	apiUpdateMySql,
 } from "@/server/db/schema/mysql";
@@ -147,8 +147,8 @@ export const mysqlRouter = createTRPCRouter({
 
 			return mongo;
 		}),
-	saveEnviroment: protectedProcedure
-		.input(apiSaveEnviromentVariablesMySql)
+	saveEnvironment: protectedProcedure
+		.input(apiSaveEnvironmentVariablesMySql)
 		.mutation(async ({ input }) => {
 			const service = await updateMySqlById(input.mysqlId, {
 				env: input.env,
@@ -157,7 +157,7 @@ export const mysqlRouter = createTRPCRouter({
 			if (!service) {
 				throw new TRPCError({
 					code: "BAD_REQUEST",
-					message: "Update: Error to add enviroment variables",
+					message: "Update: Error to add environment variables",
 				});
 			}
 
diff --git a/server/api/routers/postgres.ts b/server/api/routers/postgres.ts
index 9ddf74c7b..45bd88a1a 100644
--- a/server/api/routers/postgres.ts
+++ b/server/api/routers/postgres.ts
@@ -5,7 +5,7 @@ import {
 	apiDeployPostgres,
 	apiFindOnePostgres,
 	apiResetPostgres,
-	apiSaveEnviromentVariablesPostgres,
+	apiSaveEnvironmentVariablesPostgres,
 	apiSaveExternalPortPostgres,
 	apiUpdatePostgres,
 } from "@/server/db/schema/postgres";
@@ -130,8 +130,8 @@ export const postgresRouter = createTRPCRouter({
 
 			return postgres;
 		}),
-	saveEnviroment: protectedProcedure
-		.input(apiSaveEnviromentVariablesPostgres)
+	saveEnvironment: protectedProcedure
+		.input(apiSaveEnvironmentVariablesPostgres)
 		.mutation(async ({ input }) => {
 			const service = await updatePostgresById(input.postgresId, {
 				env: input.env,
@@ -140,7 +140,7 @@ export const postgresRouter = createTRPCRouter({
 			if (!service) {
 				throw new TRPCError({
 					code: "BAD_REQUEST",
-					message: "Update: Error to add enviroment variables",
+					message: "Update: Error to add environment variables",
 				});
 			}
 
diff --git a/server/api/routers/redis.ts b/server/api/routers/redis.ts
index 0c6df7eaf..2a40d2756 100644
--- a/server/api/routers/redis.ts
+++ b/server/api/routers/redis.ts
@@ -5,7 +5,7 @@ import {
 	apiDeployRedis,
 	apiFindOneRedis,
 	apiResetRedis,
-	apiSaveEnviromentVariablesRedis,
+	apiSaveEnvironmentVariablesRedis,
 	apiSaveExternalPortRedis,
 	apiUpdateRedis,
 } from "@/server/db/schema/redis";
@@ -147,8 +147,8 @@ export const redisRouter = createTRPCRouter({
 
 			return redis;
 		}),
-	saveEnviroment: protectedProcedure
-		.input(apiSaveEnviromentVariablesRedis)
+	saveEnvironment: protectedProcedure
+		.input(apiSaveEnvironmentVariablesRedis)
 		.mutation(async ({ input }) => {
 			const redis = await updateRedisById(input.redisId, {
 				env: input.env,
@@ -157,7 +157,7 @@ export const redisRouter = createTRPCRouter({
 			if (!redis) {
 				throw new TRPCError({
 					code: "BAD_REQUEST",
-					message: "Update: Error to add enviroment variables",
+					message: "Update: Error to add environment variables",
 				});
 			}
 
diff --git a/server/db/schema/application.ts b/server/db/schema/application.ts
index a4d03b67d..abdeed53e 100644
--- a/server/db/schema/application.ts
+++ b/server/db/schema/application.ts
@@ -181,7 +181,7 @@ export const apiSaveGitProvider = createSchema
 	})
 	.required();
 
-export const apiSaveEnviromentVariables = createSchema
+export const apiSaveEnvironmentVariables = createSchema
 	.pick({
 		applicationId: true,
 		env: true,
diff --git a/server/db/schema/mariadb.ts b/server/db/schema/mariadb.ts
index 1eecfce21..256dfbfbb 100644
--- a/server/db/schema/mariadb.ts
+++ b/server/db/schema/mariadb.ts
@@ -102,7 +102,7 @@ export const apiChangeMariaDBStatus = createSchema
 	})
 	.required();
 
-export const apiSaveEnviromentVariablesMariaDB = createSchema
+export const apiSaveEnvironmentVariablesMariaDB = createSchema
 	.pick({
 		mariadbId: true,
 		env: true,
diff --git a/server/db/schema/mongo.ts b/server/db/schema/mongo.ts
index 279b6bb85..7406580e9 100644
--- a/server/db/schema/mongo.ts
+++ b/server/db/schema/mongo.ts
@@ -94,7 +94,7 @@ export const apiChangeMongoStatus = createSchema
 	})
 	.required();
 
-export const apiSaveEnviromentVariablesMongo = createSchema
+export const apiSaveEnvironmentVariablesMongo = createSchema
 	.pick({
 		mongoId: true,
 		env: true,
diff --git a/server/db/schema/mysql.ts b/server/db/schema/mysql.ts
index bbb7010b9..9e0c8c77f 100644
--- a/server/db/schema/mysql.ts
+++ b/server/db/schema/mysql.ts
@@ -100,7 +100,7 @@ export const apiChangeMySqlStatus = createSchema
 	})
 	.required();
 
-export const apiSaveEnviromentVariablesMySql = createSchema
+export const apiSaveEnvironmentVariablesMySql = createSchema
 	.pick({
 		mysqlId: true,
 		env: true,
diff --git a/server/db/schema/postgres.ts b/server/db/schema/postgres.ts
index 43e541c4e..7cf0f34dd 100644
--- a/server/db/schema/postgres.ts
+++ b/server/db/schema/postgres.ts
@@ -96,7 +96,7 @@ export const apiChangePostgresStatus = createSchema
 	})
 	.required();
 
-export const apiSaveEnviromentVariablesPostgres = createSchema
+export const apiSaveEnvironmentVariablesPostgres = createSchema
 	.pick({
 		postgresId: true,
 		env: true,
diff --git a/server/db/schema/redis.ts b/server/db/schema/redis.ts
index 072c064de..842fe8093 100644
--- a/server/db/schema/redis.ts
+++ b/server/db/schema/redis.ts
@@ -90,7 +90,7 @@ export const apiChangeRedisStatus = createSchema
 	})
 	.required();
 
-export const apiSaveEnviromentVariablesRedis = createSchema
+export const apiSaveEnvironmentVariablesRedis = createSchema
 	.pick({
 		redisId: true,
 		env: true,

From ad58cce2cda402cdc0380251ab1162ab823a11fb Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 17:42:52 -0600
Subject: [PATCH 24/33]  fix: change for in to for of to access to real value
 instead of the index

---
 server/utils/builders/heroku.ts   | 56 +++++++++++++++----------------
 server/utils/builders/nixpacks.ts | 39 ++++++++++-----------
 server/utils/builders/paketo.ts   | 52 ++++++++++++++--------------
 3 files changed, 74 insertions(+), 73 deletions(-)

diff --git a/server/utils/builders/heroku.ts b/server/utils/builders/heroku.ts
index bf598c426..bd2ed5433 100644
--- a/server/utils/builders/heroku.ts
+++ b/server/utils/builders/heroku.ts
@@ -6,35 +6,35 @@ import type { WriteStream } from "node:fs";
 
 // TODO: integrate in the vps sudo chown -R $(whoami) ~/.docker
 export const buildHeroku = async (
-  application: ApplicationNested,
-  writeStream: WriteStream,
+	application: ApplicationNested,
+	writeStream: WriteStream,
 ) => {
-  const { env, appName } = application;
-  const buildAppDirectory = getBuildAppDirectory(application);
-  const envVariables = prepareEnvironmentVariables(env);
-  try {
-    const args = [
-      "build",
-      appName,
-      "--path",
-      buildAppDirectory,
-      "--builder",
-      "heroku/builder:22",
-    ];
+	const { env, appName } = application;
+	const buildAppDirectory = getBuildAppDirectory(application);
+	const envVariables = prepareEnvironmentVariables(env);
+	try {
+		const args = [
+			"build",
+			appName,
+			"--path",
+			buildAppDirectory,
+			"--builder",
+			"heroku/builder:22",
+		];
 
-    for (const env in envVariables) {
-      args.push("--env", env);
-    }
+		for (const env of envVariables) {
+			args.push("--env", env);
+		}
 
-    await spawnAsync("pack", args, (data) => {
-      if (writeStream.writable) {
-        writeStream.write(data);
-      }
-      // Stream the data
-      console.log(data);
-    });
-    return true;
-  } catch (e) {
-    throw e;
-  }
+		await spawnAsync("pack", args, (data) => {
+			if (writeStream.writable) {
+				writeStream.write(data);
+			}
+			// Stream the data
+			console.log(data);
+		});
+		return true;
+	} catch (e) {
+		throw e;
+	}
 };
diff --git a/server/utils/builders/nixpacks.ts b/server/utils/builders/nixpacks.ts
index 798fac33a..d3439faa5 100644
--- a/server/utils/builders/nixpacks.ts
+++ b/server/utils/builders/nixpacks.ts
@@ -6,25 +6,26 @@ import type { WriteStream } from "node:fs";
 
 // TODO: integrate in the vps sudo chown -R $(whoami) ~/.docker
 export const buildNixpacks = async (
-  application: ApplicationNested,
-  writeStream: WriteStream,
+	application: ApplicationNested,
+	writeStream: WriteStream,
 ) => {
-  const { env, appName } = application;
-  const buildAppDirectory = getBuildAppDirectory(application);
-  const envVariables = prepareEnvironmentVariables(env);
-  try {
-    const args = ["build", buildAppDirectory, "--name", appName];
+	const { env, appName } = application;
+	const buildAppDirectory = getBuildAppDirectory(application);
+	const envVariables = prepareEnvironmentVariables(env);
+	try {
+		const args = ["build", buildAppDirectory, "--name", appName];
 
-    for (const env in envVariables) {
-      args.push("--env", env);
-    }
-    await spawnAsync("nixpacks", args, (data) => {
-      if (writeStream.writable) {
-        writeStream.write(data);
-      }
-    });
-    return true;
-  } catch (e) {
-    throw e;
-  }
+		for (const env of envVariables) {
+			args.push("--env", env);
+		}
+
+		await spawnAsync("nixpacks", args, (data) => {
+			if (writeStream.writable) {
+				writeStream.write(data);
+			}
+		});
+		return true;
+	} catch (e) {
+		throw e;
+	}
 };
diff --git a/server/utils/builders/paketo.ts b/server/utils/builders/paketo.ts
index 8baf90a21..b1b9b0a90 100644
--- a/server/utils/builders/paketo.ts
+++ b/server/utils/builders/paketo.ts
@@ -6,33 +6,33 @@ import { prepareEnvironmentVariables } from "../docker/utils";
 
 // TODO: integrate in the vps sudo chown -R $(whoami) ~/.docker
 export const buildPaketo = async (
-  application: ApplicationNested,
-  writeStream: WriteStream,
+	application: ApplicationNested,
+	writeStream: WriteStream,
 ) => {
-  const { env, appName } = application;
-  const buildAppDirectory = getBuildAppDirectory(application);
-  const envVariables = prepareEnvironmentVariables(env);
-  try {
-    const args = [
-      "build",
-      appName,
-      "--path",
-      buildAppDirectory,
-      "--builder",
-      "paketobuildpacks/builder-jammy-full",
-    ];
+	const { env, appName } = application;
+	const buildAppDirectory = getBuildAppDirectory(application);
+	const envVariables = prepareEnvironmentVariables(env);
+	try {
+		const args = [
+			"build",
+			appName,
+			"--path",
+			buildAppDirectory,
+			"--builder",
+			"paketobuildpacks/builder-jammy-full",
+		];
 
-    for (const env in envVariables) {
-      args.push("--env", env);
-    }
+		for (const env of envVariables) {
+			args.push("--env", env);
+		}
 
-    await spawnAsync("pack", args, (data) => {
-      if (writeStream.writable) {
-        writeStream.write(data);
-      }
-    });
-    return true;
-  } catch (e) {
-    throw e;
-  }
+		await spawnAsync("pack", args, (data) => {
+			if (writeStream.writable) {
+				writeStream.write(data);
+			}
+		});
+		return true;
+	} catch (e) {
+		throw e;
+	}
 };

From e9e49d745658e0a2622547dbfd45d4b0ec0b6cac Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 17:45:34 -0600
Subject: [PATCH 25/33] chore: add canary to pull request workflow

---
 .github/workflows/pull-request.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index d906938e3..e13b5b10e 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -3,6 +3,7 @@ on:
   pull_request:
     branches:
       - main 
+      - canary
 jobs:
   build:
     runs-on: ubuntu-20.04

From 63b5fdaa7165d00301231823205b82a625df4f51 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 19:44:41 -0600
Subject: [PATCH 26/33] feat: add canary builds for testing purposes

---
 .dockerignore                   |  5 ++
 docker/build.sh                 | 17 +++++--
 docker/canary.sh                | 90 +++++++++++++++++++++++++++++++++
 docker/push.sh                  | 15 ++++--
 package.json                    |  6 ++-
 server/api/services/settings.ts |  2 +-
 6 files changed, 126 insertions(+), 9 deletions(-)
 create mode 100644 .dockerignore
 create mode 100644 docker/canary.sh

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..958b26c9d
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,5 @@
+node_modules
+.git
+.gitignore
+*.md
+dist
\ No newline at end of file
diff --git a/docker/build.sh b/docker/build.sh
index e3901d52f..22104934d 100755
--- a/docker/build.sh
+++ b/docker/build.sh
@@ -1,7 +1,18 @@
 #!/bin/bash
 
-VERSION=$(node -p "require('./package.json').version")
+# Determine the type of build based on the first script argument
+BUILD_TYPE=${1:-production}
 
-docker build --platform linux/amd64 --pull --rm -f 'Dockerfile' -t "dokploy/dokploy:${VERSION}" .
+if [ "$BUILD_TYPE" == "canary" ]; then
+    TAG="canary"
+else
+    VERSION=$(node -p "require('./package.json').version")
+    TAG="$VERSION"
+fi
 
-docker tag "dokploy/dokploy:${VERSION}" "dokploy/dokploy:latest"
\ No newline at end of file
+docker build --platform linux/amd64 --pull --rm -f 'Dockerfile' -t "dokploy/dokploy:${TAG}" .
+
+if [ "$BUILD_TYPE" != "canary" ]; then
+    # Tag the production build as latest
+    docker tag "dokploy/dokploy:${TAG}" "dokploy/dokploy:latest"
+fi
diff --git a/docker/canary.sh b/docker/canary.sh
new file mode 100644
index 000000000..4c1b50f99
--- /dev/null
+++ b/docker/canary.sh
@@ -0,0 +1,90 @@
+#!/bin/bash
+
+if [ "$(id -u)" != "0" ]; then
+    echo "This script must be run as root" >&2
+    exit 1
+fi
+
+# check if is Mac OS
+if [ "$(uname)" = "Darwin" ]; then
+    echo "This script must be run on Linux" >&2
+    exit 1
+fi
+
+
+# check if is running inside a container
+if [ -f /.dockerenv ]; then
+    echo "This script must be run on Linux" >&2
+    exit 1
+fi
+
+# check if something is running on port 80
+if ss -tulnp | grep ':80 ' >/dev/null; then
+    echo "Error: something is already running on port 80" >&2
+    exit 1
+fi
+
+# check if something is running on port 443
+if ss -tulnp | grep ':443 ' >/dev/null; then
+    echo "Error: something is already running on port 443" >&2
+    exit 1
+fi
+
+
+
+
+
+
+command_exists() {
+  command -v "$@" > /dev/null 2>&1
+}
+
+if command_exists docker; then
+  echo "Docker already installed"
+else
+  curl -sSL https://get.docker.com | sh
+fi
+
+docker swarm leave --force 2>/dev/null
+docker swarm init --advertise-addr 127.0.0.1 --listen-addr 0.0.0.0;
+
+echo "Swarm initialized"
+
+docker network rm -f dokploy-network 2>/dev/null
+docker network create --driver overlay --attachable dokploy-network
+
+echo "Network created"
+
+mkdir -p /etc/dokploy
+
+chmod -R 777 /etc/dokploy
+
+docker pull dokploy/dokploy:canary
+
+# Installation
+docker service create \
+  --name dokploy \
+  --replicas 1 \
+  --network dokploy-network \
+  --mount type=bind,source=/var/run/docker.sock,target=/var/run/docker.sock \
+  --mount type=bind,source=/etc/dokploy,target=/etc/dokploy \
+  --publish published=3000,target=3000,mode=host \
+  --update-parallelism 1 \
+  --update-order stop-first \
+  -e RELEASE_TAG=canary \
+  dokploy/dokploy:canary
+
+
+public_ip=$(hostname -I | awk '{print $1}')
+
+GREEN="\033[0;32m"
+YELLOW="\033[1;33m"
+BLUE="\033[0;34m"
+NC="\033[0m" # No Color
+
+
+echo ""
+printf "${GREEN}Congratulations, Dokploy is installed!${NC}\n"
+printf "${BLUE}Wait 15 seconds for the server to start${NC}\n"
+printf "${YELLOW}Please go to http://${public_ip}:3000${NC}\n\n"
+echo ""
diff --git a/docker/push.sh b/docker/push.sh
index b1e044f0f..1e9fbecaf 100755
--- a/docker/push.sh
+++ b/docker/push.sh
@@ -1,6 +1,15 @@
 #!/bin/bash
 
-VERSION=$(node -p "require('./package.json').version")
+# Determine the type of build based on the first script argument
+BUILD_TYPE=${1:-production}
 
-docker push "dokploy/dokploy:${VERSION}"
-docker push "dokploy/dokploy:latest"
\ No newline at end of file
+if [ "$BUILD_TYPE" == "canary" ]; then
+    TAG="canary"
+    echo PUSHING CANARY
+    docker push "dokploy/dokploy:${TAG}"
+else
+    echo  "PUSHING PRODUCTION"
+    VERSION=$(node -p "require('./package.json').version")
+    docker push "dokploy/dokploy:${VERSION}"
+    docker push "dokploy/dokploy:latest"
+fi
diff --git a/package.json b/package.json
index 5a6cdfd97..258f32bf7 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,8 @@
     "db:clean": "dotenv tsx ./server/db/reset.ts",
     "docker:build": "./docker/build.sh",
     "docker:push": "./docker/push.sh",
+    "docker:build:canary": "./docker/build.sh canary",
+    "docker:push:canary": "./docker/push.sh canary",
     "version": "echo $(node -p \"require('./package.json').version\")"
   },
   "dependencies": {
@@ -130,6 +132,6 @@
   },
   "engines": {
     "node": "^18.18.0",
-    "pnpm": "^8.15.4"
-}
+    "pnpm": ">=8.15.4"
+  }
 }
diff --git a/server/api/services/settings.ts b/server/api/services/settings.ts
index 9cfcf33d8..fb70fb82c 100644
--- a/server/api/services/settings.ts
+++ b/server/api/services/settings.ts
@@ -16,7 +16,7 @@ const updateIsAvailable = async () => {
 };
 
 export const getDokployImage = () => {
-	return "dokploy/dokploy:latest";
+	return `dokploy/dokploy:${process.env.RELEASE_TAG || "latest"}`;
 };
 
 export const pullLatestRelease = async () => {

From 438fc345d41d7c7894b6392e4ee7c8aa4db45258 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 20:00:03 -0600
Subject: [PATCH 27/33] chore: add canary docs as a develop branch

---
 CONTRIBUTING.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 84c57c7f4..bbda3053c 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -49,8 +49,12 @@ feat: add new feature
 ```
 
 
+
+
 ## Setup
 
+Before you start, please make the clone based on the `canary` branch, since the `main` branch is the source of truth and should always reflect the latest stable release, also the PRs will be merged to the `canary` branch.
+
 ```bash
 git clone https://github.com/dokploy/dokploy.git
 cd dokploy

From 367780cccbf20090bbfb8e23810c561ec91cb02a Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 20:46:05 -0600
Subject: [PATCH 28/33] chore: add Docker build  on PR

---
 .env.production.example            |  3 ++
 .github/workflows/pull-request.yml | 55 ++++++++++++++++++++++++++++--
 2 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 .env.production.example

diff --git a/.env.production.example b/.env.production.example
new file mode 100644
index 000000000..41e934c3a
--- /dev/null
+++ b/.env.production.example
@@ -0,0 +1,3 @@
+DATABASE_URL="postgres://dokploy:amukds4wi9001583845717ad2@dokploy-postgres:5432/dokploy"
+PORT=3000
+NODE_ENV=production
\ No newline at end of file
diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index e13b5b10e..42a8d7cd7 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -5,7 +5,8 @@ on:
       - main 
       - canary
 jobs:
-  build:
+  build-app:
+    if: github.event_name == 'pull_request'
     runs-on: ubuntu-20.04
     strategy:
       matrix:
@@ -23,4 +24,54 @@ jobs:
     - name: Install dependencies
       run: pnpm install
     - name: Run Build
-      run: pnpm build
\ No newline at end of file
+      run: pnpm build
+
+
+  build-docker-on-pr:
+    if: github.event_name == 'pull_request'
+    needs: build-app
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the code
+        uses: actions/checkout@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Prepare .env file
+        run: |
+          cp .env.production.example .env.production
+
+      - name: Run custom Docker build script
+        run: |
+
+          chmod +x ./docker/build.sh
+          echo "Building Docker image for ${{ github.head_ref }}"
+          ./docker/build.sh ${{ github.head_ref == 'canary' && 'canary' || '' }}
+  
+  build-and-push-docker-on-push:
+    if: github.event_name == 'push'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the code
+        uses: actions/checkout@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Prepare .env file
+        run: |
+          cp .env.production.example .env.production
+
+      - name: Build and push Docker image using custom script
+        run: |
+          chmod +x ./docker/build.sh
+          chmod +x ./docker/push.sh
+          ./docker/build.sh ${{ github.ref_name == 'canary' && 'canary' || '' }}
+          ./docker/push.sh ${{ github.ref_name == 'canary' && 'canary' || '' }}
\ No newline at end of file

From 13eea467a0512d0281a59c7621507ec987426941 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 20:51:46 -0600
Subject: [PATCH 29/33] refactor: set base ref instead of head

---
 .github/workflows/pull-request.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index 42a8d7cd7..6b8bc2903 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -46,8 +46,8 @@ jobs:
         run: |
 
           chmod +x ./docker/build.sh
-          echo "Building Docker image for ${{ github.head_ref }}"
-          ./docker/build.sh ${{ github.head_ref == 'canary' && 'canary' || '' }}
+          echo "Building Docker image for ${{ github.base_ref }}"
+          ./docker/build.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}
   
   build-and-push-docker-on-push:
     if: github.event_name == 'push'
@@ -73,5 +73,5 @@ jobs:
         run: |
           chmod +x ./docker/build.sh
           chmod +x ./docker/push.sh
-          ./docker/build.sh ${{ github.ref_name == 'canary' && 'canary' || '' }}
-          ./docker/push.sh ${{ github.ref_name == 'canary' && 'canary' || '' }}
\ No newline at end of file
+          ./docker/build.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}
+          ./docker/push.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}
\ No newline at end of file

From 9ee6eb5d8805f9515b6404d6dfa11784e96c823d Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 21:01:53 -0600
Subject: [PATCH 30/33] chore: add build to push

---
 .github/workflows/pull-request.yml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index 6b8bc2903..fab445cc4 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -4,6 +4,11 @@ on:
     branches:
       - main 
       - canary
+
+  push:
+    branches:
+      - main
+      - canary
 jobs:
   build-app:
     if: github.event_name == 'pull_request'

From ef4d763658df9e96282e93ec03e48c9e89c742ff Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 21:05:52 -0600
Subject: [PATCH 31/33] chore: test the env

---
 .github/workflows/pull-request.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index fab445cc4..d723239a9 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -49,7 +49,7 @@ jobs:
 
       - name: Run custom Docker build script
         run: |
-
+          cat .env.production
           chmod +x ./docker/build.sh
           echo "Building Docker image for ${{ github.base_ref }}"
           ./docker/build.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}

From f4c2dc99d92b23ae4cdfc977bc127a392ed9d2e4 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 21:08:47 -0600
Subject: [PATCH 32/33] chore: remove cat file

---
 .github/workflows/pull-request.yml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index d723239a9..3d14d6c21 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -49,7 +49,6 @@ jobs:
 
       - name: Run custom Docker build script
         run: |
-          cat .env.production
           chmod +x ./docker/build.sh
           echo "Building Docker image for ${{ github.base_ref }}"
           ./docker/build.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}

From 3f9e1381b688e8450a0735b59278d557697cff36 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 1 May 2024 21:28:02 -0600
Subject: [PATCH 33/33] chore: use refname instead of base ref

---
 .github/workflows/pull-request.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/pull-request.yml b/.github/workflows/pull-request.yml
index 3d14d6c21..51e36ede7 100644
--- a/.github/workflows/pull-request.yml
+++ b/.github/workflows/pull-request.yml
@@ -77,5 +77,5 @@ jobs:
         run: |
           chmod +x ./docker/build.sh
           chmod +x ./docker/push.sh
-          ./docker/build.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}
-          ./docker/push.sh ${{ github.base_ref == 'canary' && 'canary' || '' }}
\ No newline at end of file
+          ./docker/build.sh ${{ github.ref_name == 'canary' && 'canary' || '' }}
+          ./docker/push.sh ${{ github.ref_name == 'canary' && 'canary' || '' }}
\ No newline at end of file