localization

Implement multi-language and multi-currency support in Subbly Next.js apps.

Updated Jul 15, 2025
One-click install
npx skills add https://github.com/subbly/builder-starter-template --skill localization-subbly
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: localization
Source: https://github.com/subbly/builder-starter-template/tree/main/skills/localization
Command: npx skills add https://github.com/subbly/builder-starter-template --skill localization-subbly

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you adapt your Subbly Next.js application for a global audience by implementing multi-language support and multi-currency options, enhancing user experience and market reach.

Core Features & Use Cases

  • Multi-language Support: Integrates next-intl for robust localization, including routing-based locale prefixes and language switchers.
  • Multi-currency Support: Enables setting and displaying prices in various currencies, with secure persistence via HTTP-only cookies.
  • Use Case: A user wants to make their online store accessible to customers in Germany and France. This Skill will guide them through setting up German and French language options and displaying prices in Euros.

Quick Start

Use the localization skill to set up multi-language support for your Subbly Next.js application using next-intl.

Frequently Asked Questions about localization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add multi-language support to my Subbly Next.js application?

Multi-language support is implemented in Subbly Next.js apps by integrating `next-intl` to handle routing-based locale prefixes, language formatting, and Subbly widget internationalization. It adapts your store for a global audience with language switchers.

How do I set up multi-currency pricing in a Subbly Next.js app?

Multi-currency support is configured by setting and displaying prices in various currencies via the `@subbly/react` package. Dynamic currency API requests are handled securely, with persistence maintained through HTTP-only cookies.

Can I use next-intl with Subbly for internationalization routing?

Yes, `next-intl` works with Subbly to manage internationalization routing. It handles locale prefixes for your Next.js application and integrates with the Subbly widget to dynamically display localized content and structured language options.

What is the best way to globalize a Subbly online store for different regions?

Globalizing a Subbly store involves combining `next-intl` for multi-language UI translation with `@subbly/react` for multi-currency API requests. This approach allows you to serve localized languages and regional currencies like Euros to specific markets.

How are currency selections persisted when using Subbly localization?

Selected currency preferences are persisted securely using HTTP-only cookies. This ensures the dynamic currency API requests maintain the user's chosen multi-currency display state across sessions without exposing client-side data.

Do I need @subbly/react to handle multi-currency API requests?

Yes, the `@subbly/react` package is required to fetch and display dynamic currency data. It integrates with `next-intl` localization routing to ensure your Subbly Next.js application correctly formats and requests localized multi-currency pricing.