Languages & translation

Localization lets one design serve content in several languages.

Add languages

• Open the Localization panel.
• Add a language — a code and a label.
• Set one locale as the default.

When more than one locale exists, a locale switcher appears in the bottom toolbar.

INSERT PLACEHOLDER IMAGE HERE — the locale switcher in the bottom toolbar

Translate on the canvas

• Switch to another locale in the toolbar.
• Edit text on the canvas.
• The edit is saved as a per-locale translation.

The original text stays in the default locale's file. The translation lives in that locale's file.

Per-locale styles

You can override styles per locale too. Adjust a style while a non-default locale is active and the change applies only to that locale.

In production

Translations ship with next-intl in production. The right locale's content renders for each visitor.