diff --git a/src/routes/(console)/project-[project]/overview/platforms/wizard/android/step3.svelte b/src/routes/(console)/project-[project]/overview/platforms/wizard/android/step3.svelte
index 8ee923f7a..e2c956664 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/wizard/android/step3.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/wizard/android/step3.svelte
@@ -3,14 +3,14 @@
     import Id from '$lib/components/id.svelte';
     import { WizardStep } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
-    import { isSelfHosted } from '$lib/system';
+    import { isCloud } from '$lib/system';
 
     const { endpoint, project } = sdk.forProject.client.config;
     const code = `import io.appwrite.Client
 import io.appwrite.services.Account
 
 ${
-    !isSelfHosted
+    isCloud
         ? `val client = Client(context).setProject("${project}")`
         : `val client = Client(context)
     .setEndpoint("${endpoint}")
diff --git a/src/routes/(console)/project-[project]/overview/platforms/wizard/apple/step3.svelte b/src/routes/(console)/project-[project]/overview/platforms/wizard/apple/step3.svelte
index 00274d637..8ae1e3d86 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/wizard/apple/step3.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/wizard/apple/step3.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { isSelfHosted } from '$lib/system';
+    import { isCloud } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
     import Id from '$lib/components/id.svelte';
 
@@ -9,7 +9,7 @@
     const code = `import Appwrite
 
 ${
-    !isSelfHosted
+    isCloud
         ? `let client = Client().setProject("${project}")`
         : `let client = Client()
     .setEndpoint("${endpoint}")
@@ -34,7 +34,7 @@ ${
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    {#if showAlert && isSelfHosted}
+    {#if showAlert && !isCloud}
         <div class="common-section">
             <Alert type="info" dismissible on:dismiss={() => (showAlert = false)}>
                 <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
diff --git a/src/routes/(console)/project-[project]/overview/platforms/wizard/flutter/step3.svelte b/src/routes/(console)/project-[project]/overview/platforms/wizard/flutter/step3.svelte
index 9b186e5cb..2a0a1b97f 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/wizard/flutter/step3.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/wizard/flutter/step3.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { isSelfHosted } from '$lib/system';
+    import { isCloud } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
     import Id from '$lib/components/id.svelte';
 
@@ -10,7 +10,7 @@
 
 Client client = Client();
 ${
-    !isSelfHosted
+    isCloud
         ? `client.setProject('${project}');`
         : `client
     .setEndpoint('${endpoint}')
@@ -43,7 +43,7 @@ ${
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    {#if showAlert && isSelfHosted}
+    {#if showAlert && !isCloud}
         <div class="common-section">
             <Alert type="info" on:dismiss={() => (showAlert = false)}>
                 <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
diff --git a/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte b/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte
index 8b2357c64..13d20b5a0 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/wizard/react-native/step3.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Alert, Code } from '$lib/components';
     import { WizardStep } from '$lib/layout';
-    import { isSelfHosted } from '$lib/system';
+    import { isCloud } from '$lib/system';
     import { sdk } from '$lib/stores/sdk';
     import { createPlatform } from '../store';
     import Id from '$lib/components/id.svelte';
@@ -9,11 +9,15 @@
     const { endpoint, project } = sdk.forProject.client.config;
     const code = `import { Client, Account, ID } from 'react-native-appwrite';
 
-const client = new Client();
-const client
-    .setEndpoint('${endpoint}')
+const client = new Client()${
+        isCloud
+            ? ''
+            : `
+    .setEndpoint('${endpoint}')`
+    }
     .setProject('${project}')
-    .setPlatform('${$createPlatform.key}');`;
+    .setPlatform('${$createPlatform.key}');
+`;
 
     let showAlert = true;
 </script>
@@ -40,7 +44,7 @@ const client
         Before sending any API calls to your new Appwrite project, make sure your device or emulator
         has network access to your Appwrite project's hostname or IP address.
     </p>
-    {#if showAlert && isSelfHosted}
+    {#if showAlert && !isCloud}
         <div class="common-section">
             <Alert type="info" on:dismiss={() => (showAlert = false)}>
                 <svelte:fragment slot="title">For self-hosted solutions</svelte:fragment>
diff --git a/src/routes/(console)/project-[project]/overview/platforms/wizard/web/step3.svelte b/src/routes/(console)/project-[project]/overview/platforms/wizard/web/step3.svelte
index d764b94a2..e9b820208 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/wizard/web/step3.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/wizard/web/step3.svelte
@@ -3,13 +3,12 @@
     import Id from '$lib/components/id.svelte';
     import { WizardStep } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
-    import { isSelfHosted } from '$lib/system';
+    import { isCloud } from '$lib/system';
 
     const { endpoint, project } = sdk.forProject.client.config;
     const code = `const client = new Client();
-
 ${
-    !isSelfHosted
+    isCloud
         ? `client.setProject('${project}');`
         : `client
     .setEndpoint('${endpoint}')