From 556fcb3019f94a1a6caadca704234841d0082b1b Mon Sep 17 00:00:00 2001 From: Andras Bacsai Date: Wed, 24 Apr 2024 11:14:46 +0200 Subject: [PATCH] Refactor image loader URL and optimize image in loader.js --- nextjs/spa-with-image-optimization/loader.js | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/nextjs/spa-with-image-optimization/loader.js b/nextjs/spa-with-image-optimization/loader.js index 82bd96e..1189e0d 100644 --- a/nextjs/spa-with-image-optimization/loader.js +++ b/nextjs/spa-with-image-optimization/loader.js @@ -2,16 +2,22 @@ export default function myImageLoader({ src, width, quality }) { const isLocal = !src.startsWith('http'); + const query = new URLSearchParams(); + + const imageOptimizationApi = 'https://images.coollabs.io/o'; + // Your NextJS application URL + const baseUrl = 'https://xoos0kk.heyandras.dev'; + + const fullSrc = `${baseUrl}${src}`; + + if (width) query.set('width', width); + if (quality) query.set('quality', quality); + if (isLocal && process.env.NODE_ENV === 'development') { return src; } - const query = new URLSearchParams(); - if (width) query.set('width', width); - if (quality) query.set('quality', quality); if (isLocal) { - const baseUrl = 'https://xoos0kk.heyandras.dev'; - const fullSrc = `${baseUrl}${src}`; - return `https://images.coollabs.io/o/${fullSrc}?${query.toString()}`; + return `${imageOptimizationApi}/${fullSrc}?${query.toString()}`; } - return `https://images.coollabs.io/o/${src}?${query.toString()}`; + return `${imageOptimizationApi}/${src}?${query.toString()}`; }