From f4446307d58fac61eecfc0b83aba758b490fa619 Mon Sep 17 00:00:00 2001
From: Dulapah Vibulsanti <dulapah6@gmail.com>
Date: Sat, 8 Nov 2025 19:40:29 +0000
Subject: [PATCH 1/2] fix(image-loader): ensure width param is included to
 remove Next.js loader warning

---
 pages/cloudflare/howtos/image.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/cloudflare/howtos/image.mdx b/pages/cloudflare/howtos/image.mdx
index 64307e1..3fb2359 100644
--- a/pages/cloudflare/howtos/image.mdx
+++ b/pages/cloudflare/howtos/image.mdx
@@ -27,15 +27,15 @@ const normalizeSrc = (src: string) => {
 };
 
 export default function cloudflareLoader({ src, width, quality }: ImageLoaderProps) {
-  if (process.env.NODE_ENV === "development") {
-    // Serve the original image when using `next dev`
-    return src;
-  }
   const params = [`width=${width}`];
   if (quality) {
     params.push(`quality=${quality}`);
   }
   const paramsString = params.join(",");
+  if (process.env.NODE_ENV === "development") {
+    // Serve the original image when using `next dev`
+    return `${src}?${paramsString}`;
+  }
   return `/cdn-cgi/image/${paramsString}/${normalizeSrc(src)}`;
 }
 ```

From f2c80ea7ac804eb2235d9c62c7c3ea3a220cf706 Mon Sep 17 00:00:00 2001
From: Dulapah Vibulsanti <dulapah6@gmail.com>
Date: Sun, 9 Nov 2025 13:34:42 +0000
Subject: [PATCH 2/2] fix(image-loader): use '&' for dev query params

---
 pages/cloudflare/howtos/image.mdx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/pages/cloudflare/howtos/image.mdx b/pages/cloudflare/howtos/image.mdx
index 3fb2359..5375abb 100644
--- a/pages/cloudflare/howtos/image.mdx
+++ b/pages/cloudflare/howtos/image.mdx
@@ -31,12 +31,11 @@ export default function cloudflareLoader({ src, width, quality }: ImageLoaderPro
   if (quality) {
     params.push(`quality=${quality}`);
   }
-  const paramsString = params.join(",");
   if (process.env.NODE_ENV === "development") {
     // Serve the original image when using `next dev`
-    return `${src}?${paramsString}`;
+    return `${src}?${params.join("&")}`;
   }
-  return `/cdn-cgi/image/${paramsString}/${normalizeSrc(src)}`;
+  return `/cdn-cgi/image/${params.join(",")}/${normalizeSrc(src)}`;
 }
 ```