fix: include width param in Cloudflare image loader to resolve Next.js warnings (#190)

Author: dulapahv

pages/cloudflare/howtos/image.mdx

@@ -27,16 +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(",");
-  return `/cdn-cgi/image/${paramsString}/${normalizeSrc(src)}`;
+  if (process.env.NODE_ENV === "development") {
+    // Serve the original image when using `next dev`
+    return `${src}?${params.join("&")}`;
+  }
+  return `/cdn-cgi/image/${params.join(",")}/${normalizeSrc(src)}`;
 }
 ```