diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 3f81983d0..39bbec5ad 100644 --- a/app/[locale]/layout.tsx +++ b/app/[locale]/layout.tsx @@ -17,9 +17,12 @@ import { mapFileSlugToTranslated } from '@/lib/slugs'; import { cookies } from 'next/headers'; import { TransitionProvider } from '@/components/providers/TransitionProvider'; -import { PageTransitionShutter } from '@/components/providers/PageTransitionShutter'; import { InitialLoader } from '@/components/providers/InitialLoader'; -import { CorporateBackground } from '@/components/decorations/CorporateBackground'; +import dynamic from 'next/dynamic'; + +const CorporateBackground = dynamic(() => import('@/components/decorations/CorporateBackground').then(mod => mod.CorporateBackground), { ssr: false }); +const PageTransitionShutter = dynamic(() => import('@/components/providers/PageTransitionShutter').then(mod => mod.PageTransitionShutter), { ssr: false }); + const inter = Inter({ subsets: ['latin'], display: 'swap', diff --git a/components/providers/TransitionProvider.tsx b/components/providers/TransitionProvider.tsx index 9bd2f2b5f..31e41703d 100644 --- a/components/providers/TransitionProvider.tsx +++ b/components/providers/TransitionProvider.tsx @@ -2,7 +2,9 @@ import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react'; import { useRouter, usePathname, useSearchParams } from 'next/navigation'; -import { LazyMotion, domAnimation } from 'framer-motion'; +import { LazyMotion } from 'framer-motion'; + +const loadFeatures = () => import('@/lib/framer-features').then(res => res.default); interface TransitionContextType { isTransitioning: boolean; @@ -69,7 +71,7 @@ export function TransitionProvider({ children }: { children: ReactNode }) { setTransitionMessage={setTransitionMessage} /> - + {children} diff --git a/next.config.mjs b/next.config.mjs index 08f71a6a9..c1302ccd5 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -15,6 +15,7 @@ const nextConfig = { pagesBufferLength: 2, }, experimental: { + optimizeCss: true, staleTimes: { dynamic: 0, static: 30, diff --git a/package.json b/package.json index 62d4490da..beac18ec4 100644 --- a/package.json +++ b/package.json @@ -157,8 +157,7 @@ "last 2 chrome versions", "last 2 firefox versions", "last 2 edge versions", - "safari >= 15.4", - "not dead" + "safari >= 15.4" ], "peerDependencies": { "lucide-react": "^0.563.0"