diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
index 44f3a6e2e..e4a98a6a9 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -68,8 +68,6 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     let hostname = $state(null);
     let hostnameError = $state(false);
 
-    const hostnameRegex = new RegExp(extendedHostnameRegex);
-
     let frameworks: Array<FrameworkType> = [
         {
             key: 'svelte',
@@ -160,6 +158,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
     );
 
     async function createWebPlatform() {
+        const hostnameRegex = new RegExp(extendedHostnameRegex);
         const finalHostname = hostname?.trim() || 'localhost';
         hostnameError = !hostnameRegex.test(finalHostname);