experimental: {
    appDir: true,
  },

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    config.resolve.alias.canvas = false;
    return config;
  },
  output: "standalone",
  images: {
    domains: [
      "example.com",
      "example-two.com/example",
      "user-content-dev.taxglobal.co",
      "example-three.s3.us-east-1.amazonaws.com",
      "maps.googleapis.com",
    ],
  },
  async redirects() {
    const maintenanceMode = process.env.MAINTENANCE_MODE;
    console.log(`Maintenance Mode is ${maintenanceMode}`);

    if (maintenanceMode === "true") {
      return [
        {
          source: "/((?!maintenance).*)",
          destination: "/maintenance",
          permanent: false,
        },
      ];
    }

    return [
      {
        source: "/maintenance",
        destination: "/",
        permanent: true,
      },
      {
        source: "/resource",
        destination: "/resources",
        permanent: true,
      },
      {
        source: "/giveaway",
        destination: "/",
        permanent: true,
      },
      {
        source: "/giveaway-terms",
        destination: "/",
        permanent: true,
      },
      {
        source: "/users",
        destination: "/profile/user",
        permanent: true,
      },
      {
        source: "/users/:id",
        destination: "/profile/user/:id",
        permanent: true,
      },
    ];
  },
};

module.exports = nextConfig;