From 08315433d150d3c6e702b23f89d1c89efdb20453 Mon Sep 17 00:00:00 2001 From: denshooter Date: Wed, 4 Mar 2026 21:37:44 +0100 Subject: [PATCH] fix: enable SSR for below-fold sections (About, Projects, Contact, Footer) ssr:false caused sections to only render client-side, making them invisible if any JS error occurred. Keep dynamic() for code-splitting but allow server-side rendering. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- app/components/ClientWrappers.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/app/components/ClientWrappers.tsx b/app/components/ClientWrappers.tsx index 20fdbec..45ea37e 100644 --- a/app/components/ClientWrappers.tsx +++ b/app/components/ClientWrappers.tsx @@ -16,11 +16,11 @@ import type { import enMessages from '@/messages/en.json'; import deMessages from '@/messages/de.json'; -// Lazy-load below-fold sections to reduce initial JS payload -const About = dynamic(() => import('./About'), { ssr: false }); -const Projects = dynamic(() => import('./Projects'), { ssr: false }); -const Contact = dynamic(() => import('./Contact'), { ssr: false }); -const Footer = dynamic(() => import('./Footer'), { ssr: false }); +// Lazy-load below-fold sections (code-split but still SSR) +const About = dynamic(() => import('./About')); +const Projects = dynamic(() => import('./Projects')); +const Contact = dynamic(() => import('./Contact')); +const Footer = dynamic(() => import('./Footer')); const messageMap = { en: enMessages, de: deMessages };