diff --git a/src/frontend/src/routes.tsx b/src/frontend/src/routes.tsx
index 49b905f41..21df212fd 100644
--- a/src/frontend/src/routes.tsx
+++ b/src/frontend/src/routes.tsx
@@ -1,87 +1,105 @@
+import { Suspense, lazy } from "react";
import { Navigate, Route, Routes } from "react-router-dom";
import { ProtectedAdminRoute } from "./components/authAdminGuard";
import { ProtectedRoute } from "./components/authGuard";
import { ProtectedLoginRoute } from "./components/authLoginGuard";
import { CatchAllRoute } from "./components/catchAllRoutes";
+import LoadingComponent from "./components/loadingComponent";
import { StoreGuard } from "./components/storeGuard";
-import AdminPage from "./pages/AdminPage";
-import LoginAdminPage from "./pages/AdminPage/LoginPage";
-import ApiKeysPage from "./pages/ApiKeysPage";
-import DeleteAccountPage from "./pages/DeleteAccountPage";
-import FlowPage from "./pages/FlowPage";
-import LoginPage from "./pages/LoginPage";
-import MyCollectionComponent from "./pages/MainPage/components/myCollectionComponent";
-import HomePage from "./pages/MainPage/pages/mainPage";
-import PlaygroundPage from "./pages/Playground";
-import SettingsPage from "./pages/SettingsPage";
-import GeneralPage from "./pages/SettingsPage/pages/GeneralPage";
-import GlobalVariablesPage from "./pages/SettingsPage/pages/GlobalVariablesPage";
-import ShortcutsPage from "./pages/SettingsPage/pages/ShortcutsPage";
-import SignUp from "./pages/SignUpPage";
-import StorePage from "./pages/StorePage";
-import ViewPage from "./pages/ViewPage";
+
+const AdminPage = lazy(() => import("./pages/AdminPage"));
+const LoginAdminPage = lazy(() => import("./pages/AdminPage/LoginPage"));
+const ApiKeysPage = lazy(() => import("./pages/ApiKeysPage"));
+const DeleteAccountPage = lazy(() => import("./pages/DeleteAccountPage"));
+const FlowPage = lazy(() => import("./pages/FlowPage"));
+const LoginPage = lazy(() => import("./pages/LoginPage"));
+const MyCollectionComponent = lazy(
+ () => import("./pages/MainPage/components/myCollectionComponent"),
+);
+const HomePage = lazy(() => import("./pages/MainPage/pages/mainPage"));
+const PlaygroundPage = lazy(() => import("./pages/Playground"));
+const SettingsPage = lazy(() => import("./pages/SettingsPage"));
+const GeneralPage = lazy(
+ () => import("./pages/SettingsPage/pages/GeneralPage"),
+);
+const GlobalVariablesPage = lazy(
+ () => import("./pages/SettingsPage/pages/GlobalVariablesPage"),
+);
+const ShortcutsPage = lazy(
+ () => import("./pages/SettingsPage/pages/ShortcutsPage"),
+);
+const SignUp = lazy(() => import("./pages/SignUpPage"));
+const StorePage = lazy(() => import("./pages/StorePage"));
+const ViewPage = lazy(() => import("./pages/ViewPage"));
const Router = () => {
return (
-
-
-
-
- }
- >
- } />
+
+
+
+ }
+ >
+
}
+ path="/"
+ element={
+
+
+
+ }
+ >
+ } />
+ }
+ />
+
+ }
+ />
+ }
+ />
+
+
+
+
+ }
+ >
+ } />
+ } />
+ } />
+ } />
+
+
+
+
+
+
+ }
/>
}
+ path="/store/:id/"
+ element={
+
+
+
+
+
+ }
/>
- }
- />
-
-
-
-
- }
- >
- } />
- } />
- } />
- } />
-
-
-
-
-
-
- }
- />
-
-
-
-
-
- }
- />
-
- element=
- {
+
{
}
/>
- }
-
-
+
+
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
+
+
+ }
+ />
+
-
+
}
/>
+
-
-
+
+
+
}
/>
-
-
+
+
+
}
/>
-
-
-
-
- }
- />
-
-
-
-
- }
- />
-
-
-
- }
- />
-
-
-
- }
- />
-
-
-
-
- }
- />
-
-
-
-
+
+
+
}
- >
+ />
+
-
-
+
+
+
}
- >
-
-
+ />
+
+
+
+
+
+ }
+ >
+
+
+
+ }
+ >
+
+
+
);
};