denshooter/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enable SSR for below-fold sections (About, Projects, Contact, Footer)

Browse Source 
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>
This commit is contained in:
denshooter
2026-03-04 21:37:44 +01:00
parent 10a545f014
commit 08315433d1
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/ClientWrappers.tsx
+5 -5
View File
@@ -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 };