next.config.js

/**
 * @type {import('next').NextConfig}
 **/
const moduleExports = {
  reactStrictMode: true,
  images: {
    remotePatterns: [
      { hostname: 'avatars.githubusercontent.com' },
      { hostname: 'rca-media2.rca.ac.uk' },
    ],
  },
  transpilePackages: [
    '@react-leaflet/core',
    'react-leaflet',
    'leaflet',
    'leaflet.markercluster',
    'downshift',
  ],
  compiler: {
    ...(process.env.VERCEL_ENV === 'production'
      ? {
          removeConsole: {
            exclude: ['error'],
          },
        }
      : {}),
  },
  pageExtensions: ['page.tsx', 'page.ts'],
  async rewrites() {
    return [
      // Map lng-lat routes to a single page
      {
        source: '/map/:lng/:lat',
        destination: '/map',
      },
    ];
  },
  webpack: (config, {}) => {
    return {
      ...config,
      module: {
        ...config.module,
        rules: [
          ...config.module.rules,
          {
            test: /\.(graphql|gql)$/,
            exclude: /node_modules/,
            loader: 'graphql-tag/loader',
          },
        ],
      },
    };
  },
};

// https://plausible.io/docs/proxy/guides/nextjs
// eslint-disable-next-line @typescript-eslint/no-var-requires
const { withPlausibleProxy } = require('next-plausible');

// eslint-disable-next-line @typescript-eslint/no-var-requires
const { withContentCollections } = require('@content-collections/next');

// eslint-disable-next-line functional/immutable-data
module.exports = withContentCollections(withPlausibleProxy()(moduleExports));