next.config.mjs

/** @type {import('next').NextConfig} */
import withBundleAnalyzer from '@next/bundle-analyzer';

// import withPlaiceholder from '@plaiceholder/next';

const bundleAnalyser = withBundleAnalyzer({
  enabled: process.env.ANALYZE === 'true',
});

const imageLoaderConfig =
  process.env.NODE_ENV === 'production'
    ? {
        loader: 'custom',
        loaderFile: './src/lib/utils/cf-image.js',
      }
    : {};

const nextConfig = {
  images: {
    ...imageLoaderConfig,

    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'lp2.hm.com',
      },
      {
        protocol: 'https',
        hostname: 'image.hm.com',
      },
    ],
  },
  redirects() {
    return [
      {
        source: '/',
        destination: '/products/ladies',
        permanent: false,
      },
    ];
  },
  // logging: {
  //   fetches: {
  //     fullUrl: false,
  //   },
  // },
  experimental: {
    typedRoutes: true,
  },
};

export default bundleAnalyser(nextConfig);