next.config.js

const withLess = require('next-with-less');
const pack = require('./package.json');
const withPWA = require('next-pwa')({ dest: 'public' });

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: false,
  // Keep in sync with locales configured in /lib/locale.ts.
  i18n: {
    locales: ['default', 'es'],
    defaultLocale: 'default',
    localeDetection: false,
  },
  async redirects() {
    return [
      // Redirect legacy Zendesk paths with slugs. For example, redirect
      // /articles/123456-Article-Title to /articles/123456.
      {
        source: '/:resource/:id(\\d{1,}):rest(-.*)',
        destination: '/:resource/:id',
        permanent: true,
      },
    ];
  },
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'signpost-mexico.zendesk.com',
      },
      {
        protocol: 'https',
        hostname: 'directus-irc.azurewebsites.net',
      },
    ],
  },
  publicRuntimeConfig: {
    version: pack.dependencies['@ircsignpost/signpost-base'],
  },
  webpack: (config) => {
    config.snapshot = {
      ...(config.snapshot ?? {}),
      // Add all node_modules but @next module to managedPaths
      // Allows for hot refresh of changes to @next module
      managedPaths: [/^(.+?[\\/]node_modules[\\/])(?!@next)/],
    };
    return config;
  },
};

module.exports = withPWA(
  withLess({
    ...nextConfig,
    lessLoaderOptions: {
      lessOptions: {
        // See full list of Ant styles here:
        // https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
        modifyVars: {
          'primary-color': '#4D5DE2',
          'secondary-color': '#364BF6',
          'accent-color': '#FFB500',
          'info-color': '@accent-color',
          'alert-info-bg-color': '@accent-color',
          // Override Ant typography.
          'heading-1-size': '3.75rem',
          'heading-2-size': '1.875rem',
          'typography-title-font-weight': '400',
          // Set height and border radius for 'default' type elements, e.g. buttons, inputs, etc.
          'height-base': '48px',
          'height-sm': '32px',
          'border-radius-base': '10px',
          'border-color-base': '#141414',
          // Set header styles.
          'layout-header-height': 'auto',
          'layout-header-min-height': '4.375rem',
          'layout-header-padding': '0',
          'header-background-color': '@primary-color',
          'header-text-color': 'white',
          'header-banner-background-color':
            'linear-gradient(173.7deg, @primary-color -6.17%, @secondary-color 98.88%);',
          'header-banner-text-color': 'white',
          // Set search styles.
          'search-icon-color': 'white',
          'search-icon-bg-color': '@accent-color',
          // Set card styles.
          'card-padding-base': '16px',
          'home-page-card-icon-color': '#141414',
          // Set cookie banner styles.
          'cookie-banner-text': '#000',
          'cookie-banner-back': '@accent-color',
          'link-color': '#0000ee',
          'link-hover-color': '#0000eea8',
        },
      },
    },
  })
);