Localization
Localization is built into React Bricks, so teams can create and manage multilingual content without bolting on a separate workflow.
Localization in React Bricks
What it is: Localization is the process of adapting website content, URLs, SEO data, and media for different languages or markets.
How React Bricks handles it: React Bricks lets teams create localized pages, duplicate content from a default language, and then adapt each language version independently.
Why it matters: Teams can manage multilingual publishing, market-specific pages, localized SEO, and regional content workflows directly in the CMS.
Create localized pages quickly
React Bricks includes built-in support for localized content. Teams can add new languages from the dashboard in seconds, then create page translations with a single click.
When a translation is created, React Bricks duplicates the content from the default language as a starting point. From there, each localized page is fully independent, so teams can adapt text, images, props, slug, SEO, and any other content to fit a specific language or market.
Automatic page translation is also coming soon, to help teams create first-pass translations even faster. For larger content programs, this works well with AI content generation.
Use the right locale in the frontend
In the frontend, you can load content in any language by specifying the locale in the fetchPages and fetchPage functions.
In the Next.js starters, internationalized routing is already configured for you. React Bricks reads the locale from the Next.js routing context and uses it automatically, so you can add your supported languages in next.config.js and start serving localized content with minimal setup. The same approach fits the Next.js CMS workflow.