أساس الترجمة

أساسات تعدد اللغات مبنية لمكونات الخادم ومكونات العميل.

هذا القالب يتضمن الآن مسارات اللغات، وقواميس typed، ومزوّد ترجمة، ومساعدات لبناء صفحات مترجمة بدون توزيع منطق الترجمة داخل التطبيق بشكل عشوائي.

الثيم النشطlight

ملاحظات للمطور

استخدم getDictionary() و createTranslator() داخل مكونات الخادم لمعظم المحتوى المترجم.
استخدم I18nProvider و useTranslations() فقط داخل مكونات العميل التي تحتاج إلى تفاعل.
اجعل المسارات مرتبطة باللغة عبر buildLocaleHref() ومجلدات app/[locale].

الاستخدام

background: theme(surface);
color: theme(text-primary);
border-color: theme(border-soft);

const { t, locale, direction } = useTranslations();

English العربية

src/shared/i18n/config.ts

src/shared/i18n/provider.tsx

أضف الترجمات داخل src/shared/dictionaries، واحتفظ ببيانات اللغات في src/shared/i18n/config.ts، واستخدم مساعدات الخادم افتراضياً إلا إذا كان المكوّن يحتاج إلى تفاعل على العميل.