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

fix: enable SSR for below-fold sections (About, Projects, Contact, Footer)
All checks were successful
CI / CD / test-build (push) Successful in 11m4s
Details
CI / CD / deploy-dev (push) Successful in 1m19s
Details
CI / CD / deploy-production (push) Has been skipped
Details

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

10
app/components/ClientWrappers.tsx
View File

@@ -16,11 +16,11 @@ import type {
import enMessages from '@/messages/en.json'; import enMessages from '@/messages/en.json';
import deMessages from '@/messages/de.json'; import deMessages from '@/messages/de.json';
// Lazy-load below-fold sections to reduce initial JS payload // Lazy-load below-fold sections (code-split but still SSR)
const About = dynamic(() => import('./About'), { ssr: false }); const About = dynamic(() => import('./About'));
const Projects = dynamic(() => import('./Projects'), { ssr: false }); const Projects = dynamic(() => import('./Projects'));
const Contact = dynamic(() => import('./Contact'), { ssr: false }); const Contact = dynamic(() => import('./Contact'));
const Footer = dynamic(() => import('./Footer'), { ssr: false }); const Footer = dynamic(() => import('./Footer'));
const messageMap = { en: enMessages, de: deMessages }; const messageMap = { en: enMessages, de: deMessages };