diff --git a/src/Client/src/main.tsx b/src/Client/src/main.tsx index 91efbdc..28f3be7 100644 --- a/src/Client/src/main.tsx +++ b/src/Client/src/main.tsx @@ -1,11 +1,14 @@ -import React from 'react' -import ReactDOM from 'react-dom/client' -import { RouterProvider } from 'react-router-dom' -import './index.css' -import router from './routes.tsx' +import React, { Suspense } from "react"; +import ReactDOM from "react-dom/client"; +import { RouterProvider } from "react-router-dom"; +import Loading from "./components/Loading.tsx"; +import "./index.css"; +import router from "./routes.tsx"; -ReactDOM.createRoot(document.getElementById('root')!).render( +ReactDOM.createRoot(document.getElementById("root")!).render( - - , -) + }> + + + +); diff --git a/src/Client/src/pages/AboutPage.tsx b/src/Client/src/pages/AboutPage.tsx index 2cd3277..734d435 100644 --- a/src/Client/src/pages/AboutPage.tsx +++ b/src/Client/src/pages/AboutPage.tsx @@ -16,11 +16,6 @@ export default function AboutPage() { . - - I'm planning to integrate a simple blog as part of this app that will - dive into more specific implementation details so check back soon for - more! - ); diff --git a/src/Client/src/routes.tsx b/src/Client/src/routes.tsx index 44ddd1e..640da93 100644 --- a/src/Client/src/routes.tsx +++ b/src/Client/src/routes.tsx @@ -1,8 +1,10 @@ +import React from "react"; import { createBrowserRouter } from "react-router-dom"; import Layout from "./pages/Layout"; -import HomePage from "./pages/HomePage"; -import ContactPage from "./pages/ContactPage"; -import AboutPage from "./pages/AboutPage"; + +const HomePage = React.lazy(() => import("./pages/HomePage")); +const ContactPage = React.lazy(() => import("./pages/ContactPage")); +const AboutPage = React.lazy(() => import("./pages/AboutPage")); const router = createBrowserRouter([ {