qz-l.com is Now Multilingual! 🌎

We’re excited to announce that qz-l.com now supports English, French, and Chinese!

Thanks to our open-source library typed-i18n, all translations are:

• Type-safe – compile-time validation prevents missing or wrong keys.
• Modular – organized by feature/page for easy maintenance and code-splitting.
• Dynamic – switch languages on the fly without page reloads.
• Lightweight – zero runtime dependencies for fast performance.

How We Did It

Using typed-i18n, we structured our translations by modules. Each locale is validated against a reference structure:

// locales/common/en.json
{
  "hello": "Hello",
  "goodbye": "Goodbye"
}

// locales/common/fr.json
{
  "hello": "Bonjour",
  "goodbye": "Au revoir"
}

i18n.t('common.hello'); // "Hello"
i18n.setLocale('fr');
i18n.t('common.hello'); // "Bonjour"

Tip: This approach allows us to add more languages easily in the future while keeping full type safety.

Try It Out

Visit qz-l.com and use the language selector to experience the site in English, French, or Chinese.

We’re proud to showcase our open-source library in action and make qz-l.com more accessible to a global audience. 🚀

Links

• typed-i18n on NPM
• React bindings
• Vue bindings