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'},
        ],
    },
    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},
        ];
    },
}