Stack Auth
GuidesSDKComponentsAPI Reference
Back to home
OverviewFAQ
Getting Started
SetupComponentsUsersProduction
Concepts
API KeysBackend IntegrationCustom User DataEmailsJWT TokensOAuth
OAuth Providers
Orgs and TeamsPermissionsStack AppTeam SelectionUser OnboardingWebhooks
Customization
Custom PagesCustom StylesDark ModeInternationalization
Page Examples
Other
Self-hostSupabaseMCP SetupConvex
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 product 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

Table of Contents

Navigate this page

On this page

SetupSupported languages

Stack Auth AI

Documentation assistant

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.