From cb9e136d1675ed970ba7da9507c5c0e9963c6ef2 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Tue, 5 May 2026 16:38:46 +0200
Subject: [PATCH] Fix: Add defensive check to WebVitalsScore and reformat MDX
 to avoid prerender error

---
 ...de-warum-ladezeit-ihr-wichtigster-b2b-umsatzhebel-ist.mdx | 5 +----
 apps/web/src/components/WebVitalsScore.tsx                   | 5 +++++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/web/content/blog/google-pagespeed-guide-warum-ladezeit-ihr-wichtigster-b2b-umsatzhebel-ist.mdx b/apps/web/content/blog/google-pagespeed-guide-warum-ladezeit-ihr-wichtigster-b2b-umsatzhebel-ist.mdx
index 1b4176b..313f007 100644
--- a/apps/web/content/blog/google-pagespeed-guide-warum-ladezeit-ihr-wichtigster-b2b-umsatzhebel-ist.mdx
+++ b/apps/web/content/blog/google-pagespeed-guide-warum-ladezeit-ihr-wichtigster-b2b-umsatzhebel-ist.mdx
@@ -53,10 +53,7 @@ tags: ["performance", "seo", "conversion-optimization"]
   Google hat bestätigt, dass <ExternalLink href="https://developers.google.com/search/docs/appearance/core-web-vitals">Core Web Vitals</ExternalLink> als Ranking-Signale für Suchergebnisse genutzt werden. Wer hier rote Zahlen schreibt, wird vom Algorithmus abgestraft. Webseiten, die den Schwellenwert „Gut“ in allen Kategorien erreichen, verzeichnen laut Deloitte eine deutlich höhere Interaktion. Dennoch zeigt das HTTP Archive, dass ein signifikanter Prozentsatz der Websites die empfohlenen Grenzwerte weiterhin massiv verfehlt.
 </Paragraph>
 
-<WebVitalsScore 
-  values={{ lcp: 2.1, inp: 180, cls: 0.05 }} 
-  description="Exzellente Werte signalisieren Google eine hohe Nutzerzufriedenheit und fördern das Ranking." 
-/>
+<WebVitalsScore values={{ lcp: 2.1, inp: 180, cls: 0.05 }} description="Exzellente Werte signalisieren Google eine hohe Nutzerzufriedenheit und fördern das Ranking." />
 
 <Paragraph>
   Dabei fokussiert sich das Framework auf drei wesentliche Säulen der User Experience, für die Google im PageSpeed Insights Tool spezifische Optimierungsvorschläge liefert:
diff --git a/apps/web/src/components/WebVitalsScore.tsx b/apps/web/src/components/WebVitalsScore.tsx
index db43bba..eb6c230 100644
--- a/apps/web/src/components/WebVitalsScore.tsx
+++ b/apps/web/src/components/WebVitalsScore.tsx
@@ -16,6 +16,11 @@ interface WebVitalsScoreProps {
 }
 
 export const WebVitalsScore: React.FC<WebVitalsScoreProps> = ({ values, description }) => {
+    if (!values) {
+        console.error("WebVitalsScore: 'values' prop is missing!");
+        return null;
+    }
+
     const getStatus = (metric: 'lcp' | 'inp' | 'cls', value: number): 'good' | 'needs-improvement' | 'poor' => {
         if (metric === 'lcp') return value <= 2.5 ? 'good' : value <= 4.0 ? 'needs-improvement' : 'poor';
         if (metric === 'inp') return value <= 200 ? 'good' : value <= 500 ? 'needs-improvement' : 'poor';