next.config.js

// Next.js’ i18n `locale` is used to determine the site:
const sites = {
  site1: {
    locales: {
      en: { title: 'The First Site', description: 'This is the description for the first site.' },
      se: { title: 'Den första webbplatsen', description: 'Det här är beskrivningen för den första webbplatsen.' }
    },
    domain: 'multi-domain-locale1.vercel.app'
  },
  site2: {
    locales: {
      en: { title: 'The Second Site', description: 'This is the description for the second site.' },
      se: { title: 'Den andra webbplatsen', description: 'Det här är beskrivningen för den andra webbplatsen.' }
    },
    domain: 'multi-domain-locale2.vercel.app'
  }
}
const siteKeys = Object.keys(sites)

// Selecting a language is instead handled via a `pseudoLocale` prop:
const pseudoLocales = ['en', 'se']

module.exports = {
  // next/config: publicRuntimeConfig available on both server and client – restart needed to change
  publicRuntimeConfig: {
    sites,
    pseudoLocales
  },

  // We "hijack" Next.js’ i18n system to use for different sites
  i18n: {
    locales: siteKeys,
    defaultLocale: siteKeys[0],
    domains: siteKeys.map(siteKey => (
      {
        domain: sites[siteKey].domain,
        defaultLocale: siteKey
      }
    ))
  },

  // Redirect / to default pseudoLocale
  redirects: () => (
    [
      {
        source: '/',
        destination: `/${pseudoLocales[0]}`,
        permanent: true
      }
    ]
  ),

  future: {
    webpack5: true
  }
}