From 87942dff4143738609316af0daaebe785785a8a6 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Sun, 21 Jun 2026 12:28:47 +0200
Subject: [PATCH] fix(perf): map img tag in MDX to Next.js Image optimizer for
 massive performance gains

---
 app/[locale]/page.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 7a0f3bc34..a1bb9da85 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -38,6 +38,10 @@ const mdxComponents = (references: any[]) => ({
   AnimatedCounter,
   InteractiveGermanyMap,
   ScaleOfImpact,
+  img: (props: any) => {
+    // We proxy it through Next.js image optimizer
+    return <img {...props} src={`/_next/image?url=${encodeURIComponent(props.src)}&w=1920&q=75`} loading="lazy" decoding="async" />;
+  }
 });
 
 export async function generateMetadata(props: any): Promise<Metadata> {