Compass/web/next.config.js

const isAppBuild = !!process.env.NEXT_PUBLIC_WEBVIEW
console.log({isAppBuild})

/** @type {import('next').NextConfig} */
module.exports = {
  output: isAppBuild ? 'export' : undefined,
  productionBrowserSourceMaps: true,
  reactStrictMode: true,
  // optimizeFonts: false,
  modularizeImports: {
    '@heroicons/react/solid/?(((\\w*)?/?)*)': {
      transform: '@heroicons/react/solid/{{ matches.[1] }}/{{member}}',
    },
    '@heroicons/react/outline/?(((\\w*)?/?)*)': {
      transform: '@heroicons/react/outline/{{ matches.[1] }}/{{member}}',
    },

    lodash: {
      transform: 'lodash/{{member}}',
    },
  },
  transpilePackages: ['common'],
  experimental: {
    scrollRestoration: true,
  },
  env: {
    NEXT_PUBLIC_VERCEL_DEPLOYMENT_ID: process.env.VERCEL_DEPLOYMENT_ID,
  },
  // Remove once confirmed that posthog.init works without it
  // rewrites: async () => {
  //     if (isAppBuild) {
  //         return []
  //     }
  //     return [
  //         {
  //             source: '/ingest/static/:path*',
  //             destination: 'https://us-assets.i.posthog.com/static/:path*',
  //         },
  //         {
  //             source: '/ingest/:path*',
  //             destination: 'https://us.i.posthog.com/:path*',
  //         },
  //         {
  //             source: '/ingest/decide',
  //             destination: 'https://us.i.posthog.com/decide',
  //         },
  //     ]
  // },
  skipTrailingSlashRedirect: true,
  images: {
    unoptimized: isAppBuild,
    dangerouslyAllowSVG: true,
    remotePatterns: [
      {hostname: 'manifold.markets'},
      {hostname: 'compassmeet.com'},
      {hostname: 'lh3.googleusercontent.com'},
      {hostname: 'i.imgur.com'},
      {hostname: 'firebasestorage.googleapis.com'},
      {hostname: 'storage.googleapis.com'},
      {hostname: 'picsum.photos'},
      {hostname: '*.giphy.com'},
      {hostname: 'ui-avatars.com'},
      {hostname: 'localhost'},
      {hostname: '127.0.0.1'},
    ],
  },
  webpack: (config, {dev}) => {
    console.log({dev})
    if (dev) {
      config.cache = {type: 'filesystem'}
      config.infrastructureLogging = {level: 'warn'}
      config.stats = 'minimal'
    }
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: '@svgr/webpack',
          options: {
            svgoConfig: {
              plugins: [{name: 'removeViewBox', active: false}],
              floatPrecision: 2,
            },
          },
        },
      ],
    })
    return config
  },
  async redirects() {
    return [
      {
        source: '/discord',
        destination: 'https://discord.gg/8Vd7jzqjun',
        permanent: false,
      },
      {
        source: '/patreon',
        destination: 'https://patreon.com/CompassMeet',
        permanent: false,
      },
      {
        source: '/paypal',
        destination: 'https://www.paypal.com/paypalme/CompassConnections',
        permanent: false,
      },
      {
        source: '/github',
        destination: 'https://github.com/CompassConnections/Compass',
        permanent: false,
      },
      {source: '/charts', destination: '/stats', permanent: true},
    ]
  },
}