Payload default UI Admin laguage?

[axent93]

Hi,

I was trying to force payload admin UI NOT to use default language English since it detects browser language, is there a way to override this somehow?

I didn't find anything that can help me do this in documentation only fallbackLanguage, but that doesn't fix my problem.

[KeepALifeUS]

Force Payload Admin UI Language

To override browser language detection:

Option 1: Set supportedLanguages to only your language

// payload.config.ts
import { buildConfig } from 'payload/config';

export default buildConfig({
  i18n: {
    supportedLanguages: {
      de: require('@payloadcms/translations/languages/de'),
    },
    fallbackLanguage: 'de',
  },
});

By only including German (de), Payload has no choice but to use it.

Option 2: Custom language detection

i18n: {
  supportedLanguages: { en, de, fr },
  fallbackLanguage: 'de',
  // Override detection
  debug: false,
}

And handle via middleware or cookie.

Option 3: Force via cookie

Set payload-lng cookie to your preferred language code before loading admin.

Option 4: Custom Admin component

admin: {
  components: {
    beforeDashboard: [
      () => {
        // Force language on mount
        localStorage.setItem('i18nextLng', 'de');
        return null;
      }
    ]
  }
}

Recommended

Option 1 is cleanest - only include the language(s) you want to support.