Profile My skills Saved My plugins Edit profile Submit a skill

Localization

Best practices and rules for Internationalization using next-intl. Use this when adding new UI components or modifying text in the application. Use when this capability is needed.

tomevault-io Updated
Coding & Dev Tools

File contents

Internationalization Guide (next-intl)

Core Principles

  1. No Hardcoded Strings: NEVER hardcode user-facing text or strings in the UI. All text must be rendered using next-intl.
  2. Default Locale: The project currently supports Thai (th) only. Treat th as the default and fallback locale.

Implementation Strategy

Client Components

  • Use the useTranslation hook for client-side translations.

  • Pattern:

    "use client";
import { useTranslation } from "next-intl";

export default function MyComponent() {
  const t = useTranslation("HomePage"); // Specify namespace
  return <button>{t("submitButton")}</button>;
}

Source: iwindd/istore — distributed by TomeVault.

tomevault-io/skills-registry/tree/main/iwindd--istore--localization commit 9838ec7c24

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/localization