Simple i18n NextSimple i18n Next

supportedLanguages

You can use the supportedLanguages array to get the supported languages in your application. For example:

app/[lang]/page.tsx
import { supportedLanguages } from '@/locales/.generated/types';
import { useRouter } from 'next/router';

export default function LanguageSelector() {
  const router = useRouter();
  return (
    <div>
      {supportedLanguages.map((lang) => (
        <button key={lang} onClick={() => router.push(`/${lang}`)}>
          {lang}
        </button>
      ))}
    </div>
  );
}