@builder.io/plugin-localized-preview

Localized preview plugin for Builder.io

Usage no npm install needed!

<script type="module">
  import builderIoPluginLocalizedPreview from 'https://cdn.skypack.dev/@builder.io/plugin-localized-preview';
</script>

README

Builder Localization Switcher

👉 See here for the main plugin entry and configuration

Getting started

Add your default and alternate locales. These locales must also be configured in your NextJS i18n config. Currently supports path based localization (ie /fr).

Install

git clone https://github.com/BuilderIO/builder.git
cd plugins/localization
npm install

Develop

npm start

Add the plugin in Builder.io

From builder.io open the javascript console in your browser's dev tools and run.

// Adds the plugin
builder.plugins.replace(['http://localhost:1268/plugin.system.js'])
// Saves for all in your organization and reloads the browser
builder.savePlugins().then(() => location.reload())

NOTE: Loading http:// content on an https:// website will give you a warning. Be sure to click the shield in the top right of your browser and choose "load unsafe scripts" to allow the http content on Builder's https site when devloping locally

Load unsafe script example

Now as you develop you can restart Builder to see the latest version of your plugin.

To uninstall your plugin run

// Removes all plugins
builder.plugins.replace([])
// Saves for all in your organization and reloads the browser
builder.savePlugins().then(() => location.reload())

Used in production at www.wecre8websites.com!