next.config.js

const withLess = require('next-with-less');
const pack = require('./package.json');

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: false,
  // Keep in sync with locales configured in /lib/locale.ts.
  i18n: {
    locales: ['default', 'en-us' /* TODO */],
    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,
      },
    ];
  },
  // TODO: add images url to whitelist them
  // images: {
  //   remotePatterns: [
  //     {
  //       protocol: 'https',
  //       hostname: 'signpost-greece.zendesk.com',
  //     },
  //   ],
  // },
  publicRuntimeConfig: {
    version: pack.dependencies['@ircsignpost/signpost-base'],
  },
};

module.exports = 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: {
        // TODO: Update theme colors
        'primary-color': '#51258F',
        'secondary-color': '#854ECA',
        'accent-color': '#13C2C2',
        '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(@secondary-color, @primary-color)',
        'header-banner-text-color': 'white',
        // Set search styles.
        'search-icon-color': 'black',
        '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',
      },
    },
  },
});