This guide walks you through setting up localization for your Makeswift site so you can visually customize your site for different locales.
next.config.ts
. Without matching these exactly, pages in the Visual Builder will not load properly.
To match the locales on the screenshot above, update next.config.ts
to be like this:
next.config.ts
, you also need to put your defaultLocale
in locales
.
In this example, that would be en-US
.
getStaticProps
to getPageSnapshot
. This code is usually located in [[...path]].tsx
, but it might be different depending on your setup.
<ReactRuntimeProvider>
component by updating your _app.tsx
like so.
en-US
to es-ES
), you’ll notice a message that informs you that the localized page inherits from the default locale. To stop inheriting from the default locale and start customizing the content for the localized page, click the Edit for this locale button.
example.com/company
,
you can create the Spanish version of the page at example.com/es/compania
or
example.es/compania
.