Skip to main content

Remove an existing language

This guide will walk you through the process of removing the French language from your Next.js application that uses i18next for internationalization. For example purposes, we will remove the French language from the application.

After following this guide, the French language will no longer be available in the language selection dropdown, and the corresponding translation files will be removed from the project.

Step 1: Remove the language file​

Start by deleting the translation file for the French localted in the src/data/locales/fr directory. This will remove all the translations for the French language.

Example: To remove French, delete the fr folder:

src/data/locales/fr

Step 2: Remove French from the Settings​

Next, update the i18n settings to remove French as a supported language. Open the src/@core/utils/i18n/i18n-settings.ts file and remove fr from the languages array.

export const languages: string[] = ['en', 'de'] // Removed 'fr' from the array

Step 3: Update the language dropdown​

Finally, update the language selection dropdown in the application to remove the French language option. Open the src/components/LanguageDropdown.tsx file and remove the French language label from the languageLabels object.

const languageLabels: { [key: string]: string } = {
  en: 'English',
  de: 'German' // Removed 'French' from the object
}

After completing these steps, the French language will be removed from your Next.js application, and users will no longer be able to select French as the language option.