Spanish (Mexico) (es-MX)

// next-intl configuration
// next.config.ts
import createNextIntlPlugin from 'next-intl/plugin';
const withNextIntl = createNextIntlPlugin();
export default withNextIntl({});

// i18n/routing.ts
import { defineRouting } from 'next-intl/routing';
export const routing = defineRouting({
  locales: ['es-MX', 'en'],
  defaultLocale: 'en',
});

// react-intl configuration
import { IntlProvider } from 'react-intl';
import messages from './messages/es-MX.json';

function App() {
  return (
    <IntlProvider locale="es-MX" messages={messages}>
      {/* your app */}
    </IntlProvider>
  );
}

// i18next configuration
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n
  .use(initReactI18next)
  .init({
    lng: 'es-MX',
    fallbackLng: 'en',
    resources: {
      'es-MX': {
        translation: require('./locales/es-MX/translation.json'),
      },
    },
  });

export default i18n;