next.config.js

const bundleAnalyzer = require("@next/bundle-analyzer");
const nextTranslate = require("next-translate-plugin");

const { changeCssClasses } = require("./scripts/change_css_classes");

const localePrefixes = ["", "/zh-HK", "/zh-CN"];

const withBundleAnalyzer = bundleAnalyzer({
  enabled: process.env.BUNDLE_ANALYZER === "true",
});

const baseConfig = nextTranslate({
  eslint: {
    ignoreDuringBuilds: true,
  },
  images: {
    remotePatterns: [
      {
        hostname: "www.gravatar.com",
        protocol: "https",
      },
      {
        hostname: "www.forbole.com",
        protocol: "https",
      },
    ],
  },
  poweredByHeader: false,
  redirects: async () => [
    {
      destination: "/zh-HK/:path*",
      permanent: false,
      source: "/zh/:path*",
    },
    ...localePrefixes.map((prefix) => ({
      destination: `${prefix}/staking-service`,
      permanent: false,
      source: `${prefix}/native-staking`,
    })),
  ],
  rewrites: async () => [
    ...["/rss", "/rss/"].map((path) => ({
      destination: "/rss.xml",
      source: path,
    })),
    {
      destination: "https://eu-assets.i.posthog.com/static/:path*",
      source: "/ingest/static/:path*",
    },
    {
      destination: "https://eu.i.posthog.com/:path*",
      source: "/ingest/:path*",
    },
  ],
  typescript: {
    ignoreBuildErrors: process.env.QUICK_BUILD === "true",
  },
  webpack: (config, { dev }) => {
    config.module.rules.push({
      test: /\.svg$/,
      use: ["@svgr/webpack"],
    });

    if (!dev) {
      changeCssClasses(config);
    }

    return config;
  },
});

module.exports = withBundleAnalyzer(baseConfig);