From 7595d42fefb95da35e0baccc26ab079d72cf1db4 Mon Sep 17 00:00:00 2001
From: Rajvir Singh <rsaggu99@gmail.com>
Date: Fri, 14 Mar 2025 23:05:06 +0530
Subject: [PATCH] fix: added server preconnect url improving the page load time
 (#10554)

fixes #10236
---
 .../modules/app/components/AppRouterProviders.tsx    |  2 ++
 .../components/ServerPreconnect.tsx                  | 12 ++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 packages/twenty-front/src/modules/ui/utilities/server-preconnect/components/ServerPreconnect.tsx

diff --git a/packages/twenty-front/src/modules/app/components/AppRouterProviders.tsx b/packages/twenty-front/src/modules/app/components/AppRouterProviders.tsx
index 39c0deab2..d95977b84 100644
--- a/packages/twenty-front/src/modules/app/components/AppRouterProviders.tsx
+++ b/packages/twenty-front/src/modules/app/components/AppRouterProviders.tsx
@@ -19,6 +19,7 @@ import { UserThemeProviderEffect } from '@/ui/theme/components/AppThemeProvider'
 import { BaseThemeProvider } from '@/ui/theme/components/BaseThemeProvider';
 import { PageFavicon } from '@/ui/utilities/page-favicon/components/PageFavicon';
 import { PageTitle } from '@/ui/utilities/page-title/components/PageTitle';
+import { ServerPreconnect } from '@/ui/utilities/server-preconnect/components/ServerPreconnect';
 import { UserProvider } from '@/users/components/UserProvider';
 import { UserProviderEffect } from '@/users/components/UserProviderEffect';
 import { WorkspaceProviderEffect } from '@/workspace/components/WorkspaceProviderEffect';
@@ -52,6 +53,7 @@ export const AppRouterProviders = () => {
                               <StrictMode>
                                 <PromiseRejectionEffect />
                                 <GotoHotkeysEffectsProvider />
+                                <ServerPreconnect />
                                 <PageTitle title={pageTitle} />
                                 <PageFavicon />
                                 <Outlet />
diff --git a/packages/twenty-front/src/modules/ui/utilities/server-preconnect/components/ServerPreconnect.tsx b/packages/twenty-front/src/modules/ui/utilities/server-preconnect/components/ServerPreconnect.tsx
new file mode 100644
index 000000000..d25179e37
--- /dev/null
+++ b/packages/twenty-front/src/modules/ui/utilities/server-preconnect/components/ServerPreconnect.tsx
@@ -0,0 +1,12 @@
+import { Helmet } from 'react-helmet-async';
+
+export const ServerPreconnect = () => {
+  return (
+    <Helmet>
+      <link
+        rel="preconnect"
+        href={process.env.REACT_APP_SERVER_BASE_URL || 'http://localhost:3000'}
+      />
+    </Helmet>
+  );
+};