next.config.js

/* eslint-disable @typescript-eslint/no-var-requires */
const SentryWebpackPlugin = require("@sentry/webpack-plugin");
const { name, version } = require("./package.json");

const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
});

module.exports = withBundleAnalyzer({
  env: {
    APP_URI: process.env.APP_URI,
    API_URI: process.env.API_URI,
    FACEBOOK_APP_ID: process.env.FACEBOOK_APP_ID,
    GOOGLE_API_KEY: process.env.GOOGLE_API_KEY,
    SPOTIFY_CLIENT_ID: process.env.SPOTIFY_CLIENT_ID,
    WEBSOCKET_URI: process.env.WEBSOCKET_URI,
    FATHOM_SITE_ID: process.env.FATHOM_SITE_ID,
    SENTRY_DSN: process.env.SENTRY_DSN,
    SENTRY_RELEASE: `${name}@${version}`,
  },
  experimental: {
    plugins: true,
    productionBrowserSourceMaps: true,
  },
  webpack: (config, options) => {
    if (!options.isServer) {
      config.resolve.alias["@sentry/node"] = "@sentry/browser";
    }
    if (process.env.NODE_ENV === "production") {
      config.devtool = "hidden-source-map";
      if (process.env.SENTRY_AUTH_TOKEN) {
        process.env.SENTRY_ORG = "hoangvvo";
        process.env.SENTRY_PROJECT = "stereo-web";
        config.plugins.push(
          new SentryWebpackPlugin({
            include: ".next",
            ignore: ["node_modules"],
            stripPrefix: ["webpack://_N_E/"],
            urlPrefix: "~/_next",
            release: `${name}@${version}`,
            silent: true,
          })
        );
      } else {
        console.warn(
          "Missing SENTRY_AUTH_TOKEN environment variables: Source Maps will not be uploaded."
        );
      }
    }
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: "@svgr/webpack",
          options: { svgoConfig: { plugins: { removeViewBox: false } } },
        },
      ],
    });
    return config;
  },
  devIndicators: {
    autoPrerender: false,
  },
  async redirects() {
    return [
      {
        source: "/contact",
        destination: "/support",
        permanent: true,
      },
    ];
  },
});