Image Optimisation
I'm trying to optimize my image using a libary called next-image-export-optimizer but everytime I run build and test it on the dev this is what I always get, I'm using a static export.
this is my config file
/**
* @type {import('next').NextConfig}
*/
const nextConfig = {
output: 'export',
trailingSlash: true,
images: {
loader: 'custom',
imageSizes: [],
deviceSizes: [360, 480, 768, 992, 1200, 1920],
},
transpilePackages: ['next-image-export-optimizer'],
env: {
nextImageExportOptimizer_imageFolderPath: 'public/images',
nextImageExportOptimizer_exportFolderPath: 'out',
nextImageExportOptimizer_quality: '80',
nextImageExportOptimizer_storePicturesInWEBP: 'true',
nextImageExportOptimizer_exportFolderName: 'nextImageExportOptimizer',
nextImageExportOptimizer_generateAndUseBlurImages: 'true',
nextImageExportOptimizer_remoteImageCacheTTL: '0',
},
basePath: '/cmai-poc/ussc-website-v2',
};
export default nextConfig;
#SEO
0 Replies