010116 I18n Patterns

Internationalization (i18n)

Overview

Patterns for building multilingual applications with RTL support, safe translation rendering, and server-side language detection.

Quick Reference

Language Detection

• Language determined server-side (middleware or database)
• Propagated to clients via LangProvider in layout
• Database languages.direction is source of truth for RTL

Safe Translation

const { getT } = useSafeTranslation(translations);
return {getT('page.title')};

RTL Support

• Automatic detection via LangService
• dir="rtl" on HTML element
• Tailwind respects RTL direction
• ARIA text in English unless translation key exists

References

| Topic | File | |---|---| | RTL support, safe translations, LangProvider, language tables | [references/i18n-patterns.md](references/i18n-patterns.md) | | CSS logical properties, DirectionProvider, icon rotation, RTL pitfalls | [references/rtl-css-patterns.md](references/rtl-css-patterns.md) | | Per-entity translation table pattern (product_translations, etc.) | [references/per-entity-translations.md](references/per-entity-translations.md) | | Translation assembler pattern (fetch all, filter in-memory) | [references/assembler-pattern.md](references/assembler-pattern.md) | | Server-side locale detection in proxy.ts | [references/server-locale-detection.md](references/server-locale-detection.md) | | SEO hreflang alternates for multi-language sites | [references/seo-hreflang.md](references/seo-hreflang.md) |

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: natuleadan
• Source: natuleadan/skills
• License: MIT
• Homepage: https://www.skills.sh/natuleadan/skills

Install and usage instructions live in the source repository linked above.