WIP

components/Image.tsx

@@ -8,7 +8,13 @@ import type { CSSProperties } from "react"
 import type { ImageProps } from "@/types/components/image"
 
 function imageLoader({ quality, src, width }: ImageLoaderProps) {
+  const isAbsoluteUrl = src.startsWith("https://") || src.startsWith("http://")
   const hasQS = src.indexOf("?") !== -1
+
+  if (isAbsoluteUrl) {
+    return `https://image-scandic-hotels.netlify.app/.netlify/images?url=${src}&w=${width}${quality ? "&q=" + quality : ""}`
+  }
+
   return `${src}${hasQS ? "&" : "?"}w=${width}${quality ? "&q=" + quality : ""}`
 }
 

next.config.js

@@ -43,6 +43,10 @@ const nextConfig = {
         protocol: "https",
         hostname: "*.scandichotels.com",
       },
+      {
+        protocol: "https",
+        hostname: "image-scandic-hotels.netlify.app",
+      },
     ],
   },