From 4c06c7ee32dc27a071addb33de8f8da189aa1c9f Mon Sep 17 00:00:00 2001
From: Mustafa Yildiz <mstfyldz@users.noreply.github.com>
Date: Sat, 18 Jul 2026 15:01:49 +0300
Subject: [PATCH] fix: resolve CORS issue for mask images by proxying through
 Next.js rewrites

---
 components/DynamicLogo.tsx | 5 +++--
 next.config.ts             | 8 ++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/DynamicLogo.tsx b/components/DynamicLogo.tsx
index d66c2ff..0ebcf82 100644
--- a/components/DynamicLogo.tsx
+++ b/components/DynamicLogo.tsx
@@ -21,14 +21,15 @@ export default function DynamicLogo({
 }: DynamicLogoProps) {
   
   const imageUrl = src.startsWith('/') ? openinaryLoader({ src, width: 800 }) : src;
+  const proxiedUrl = imageUrl.replace('https://media.ayris.tech', '/media-proxy');
 
   return (
     <div
       className={className}
       style={{
         backgroundColor: color,
-        maskImage: `url(${imageUrl})`,
-        WebkitMaskImage: `url(${imageUrl})`,
+        maskImage: `url(${proxiedUrl})`,
+        WebkitMaskImage: `url(${proxiedUrl})`,
         maskRepeat: "no-repeat",
         maskPosition: "center",
         maskSize: size,
diff --git a/next.config.ts b/next.config.ts
index f4e410b..939b690 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -28,6 +28,14 @@ const nextConfig: NextConfig = {
         ],
     },
     output: 'standalone',
+    async rewrites() {
+        return [
+            {
+                source: '/media-proxy/:path*',
+                destination: 'https://media.ayris.tech/:path*',
+            },
+        ];
+    },
 };
 
 export default nextConfig;
\ No newline at end of file