Stack Auth
Guides
SDKComponentsAPI Reference
OverviewFAQ
Getting Started
SetupComponentsUsersProductionExample-pages
Concepts
API KeysBackend IntegrationCustom User DataEmailsJWT TokensOAuth
OAuth Providers
Orgs and TeamsPermissionsStack AppTeam SelectionUser OnboardingWebhooks
Customization
Custom PagesCustom StylesDark ModeInternationalization
Page Examples
Other
CLI AuthenticationSelf-hostSupabaseConvex
Stack Auth Docs

Internationalization

Internationalization (i18n) allows your application to support multiple languages, making it accessible to users worldwide. Stack Auth provides built-in internationalization support for its components, enabling you to offer a localized authentication experience with minimal effort.

Setup

Internationalization with Stack is very straightforward. Simply pass the lang prop to the StackProvider component, and all the pages will be translated to the specified language.

layout.tsx
...
  <StackProvider ... lang={'de-DE'}>
    ...
  </StackProvider>
...

By default, if no language is provided, it will be set to en-US.

You can choose which languages to use by employing your own methods, such as storing the language in localStorage or using the user's browser language.

Supported languages

  • en-US: English (United States)
  • de-DE: German (Germany)
  • es-419: Spanish (Latin America)
  • es-ES: Spanish (Spain)
  • fr-CA: French (Canada)
  • fr-FR: French (France)
  • it-IT: Italian (Italy)
  • pt-BR: Portuguese (Brazil)
  • pt-PT: Portuguese (Portugal)
  • zh-CN: Chinese (China)
  • zh-TW: Chinese (Taiwan)
  • ja-JP: Japanese (Japan)
  • ko-KR: Korean (South Korea)
Previous PageDark Mode
Next PagePage Examples

On this page

SetupSupported languages

Stack Auth AI

Experimental: AI responses may not always be accurate—please verify important details.

For the most accurate information, please join our Discord or email us.

How can I help?

Ask me about Stack Auth while you browse the docs.