Performance improvements and Dockerfile update

2026-04-19 09:48:53 +00:00
parent 31f88749f9
commit e94dec0036
17 changed files with 315 additions and 295 deletions
--- a/src/app/__root.tsx
+++ b/src/app/__root.tsx
@ -1,6 +1,9 @@
 import { createRootRoute, Outlet, HeadContent, Scripts } from '@tanstack/react-router';
+import { LazyMotion } from 'framer-motion';
 import appCss from './globals.css?url';

+const loadFeatures = () => import('framer-motion').then(res => res.domAnimation);
+
 export const Route = createRootRoute({
    head: () => ({
        meta: [
@ -68,7 +71,9 @@ function RootLayout() {
          Since the Inter Google Font is loaded via the stylesheet above, it will automatically apply 
          if configured in Tailwind CSS. */}
            <body>
-                <Outlet />
+                <LazyMotion features={loadFeatures} strict>
+                    <Outlet />
+                </LazyMotion>
                <Scripts />
            </body>
        </html>