next.config.mjs

import path from "node:path";
// setupDevPlatform uses the @cloudflare/next-on-pages next-dev module to allow
// us to use bindings during local development (when running the application
// with `next dev`), for more information see:
// https://github.com/cloudflare/next-on-pages/blob/main/internal-packages/next-dev/README.md
import { setupDevPlatform } from "@cloudflare/next-on-pages/next-dev";

/** @type {import('next').NextConfig} */
let nextConfig;

nextConfig = {
  images: {
    remotePatterns: [{ hostname: "media.cherrylanefarmdoodles.com" }],
    loader: "custom",
    loaderFile: "src/loader.ts",
    unoptimized: true,
  },
  webpack: (config, { isServer }) => {
    if (!isServer) {
      config.resolve.alias["@images"] = path.resolve("public/images");
    }

    return config;
  },
  sassOptions: {
    logger: { warn: function (message) {
      console.warn(message);
    },
      debug: function (message) {
        console.debug(message);
      }
    }
  }
};

if (process.env.NODE_ENV === "development") {
  await setupDevPlatform();
  nextConfig.images.loaderFile = "src/loader-dev.ts";
}

export default nextConfig;