removeConsole remove all logs frontend and apis.

[Paiman-Rasoli]

Hey next.js community. I want to remove logs only in frontend but not in the server part and APIs. Current next.js options will remove logs in both server and frontend. I could not find any options to only remove logs in frontend.

const nextConfig: NextConfig = {
  compiler: {
    // This removes all console logs frontend and apis.
    removeConsole: process.env.NODE_ENV === "production",
  },
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "cdn11.bigcommerce.com",
      },
    ],
  },
};

[321david123]

You are correct. There's no official way to remove only frontend logs. but:
A workaround is to override console.log only on the client side, for example:
// utils/disableConsole.client.ts
if (typeof window !== "undefined" && process.env.NODE_ENV === "production") {
console.log = () => {};
console.debug = () => {};
console.info = () => {};
// maintain the errors and warnings if needed
}

and then import this to your __app.tsx:
if (typeof window !== "undefined") {
import("../utils/disableConsole.client");
}

so you retain logs while silencing frontend logs in production only.

hope this helps, and I think you can convert this into a suggestion!

[Paiman-Rasoli]

@321david123 Thanks @321david123 but it would be great if we have it in core next.js where we can manage it within config.