fix: added server preconnect url improving the page load time (#10554)

fixes #10236

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 />

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>
+  );
+};