Yazar:
    Aymeric PINEAU
    Oluşturma:2026-09-19Son güncelleme:2026-09-19

    remix-intlayer Paketi

    remix-intlayer paketi, Intlayer'ı Remix 3 uygulamalarına entegre etmek için gerekli araçları sağlar. İstek yerel ayarını algılamak için ara yazılım (middleware), istek bağlamı erişimi ve sözlükleri almak ile yerel ayarları yönetmek için hook'lar içerir.

    Kurulum

    bash
    npm install remix-intlayer

    Paket Dışa Aktarılanları

    Ara Yazılım (Middleware)

    Dışa AktarımTürAçıklamaİlgili Doküman
    intlayerAra Yazılım Fonksiyonuİstek yerel ayarını algılayan, yönlendirmeleri yöneten ve istek bağlamını dolduran Remix 3 ara yazılımı.intlayer Ara Yazılımı

    Bağlam Depolama

    Dışa AktarımTürAçıklamaİlgili Doküman
    IntlayerRequestContext Anahtarı / DepoRemix 3 istek bağlamından (context.get(Intlayer)) Intlayer durumunu almak için kullanılan istek bağlamı anahtarı.Intlayer Bağlamı

    Hook'lar

    Dışa AktarımTürAçıklamaİlgili Doküman
    useIntlayerHookGeçerli istek yerel ayarına göre anahtarla belirtilen sözlük içeriğini alır ve işler.useIntlayer Hook'u
    useDictionaryHookÖnceden içe aktarılmış bir sözlük nesnesinden geçerli istek yerel ayarına karşılık gelen içeriği döner.useDictionary Hook'u
    useLocaleHookGeçerli istek yerel ayarına, varsayılan yerel ayara ve projede yapılandırılmış kullanılabilir yerel ayarlar listesine erişim sağlar.useLocale Hook'u

    Hızlı Başlangıç

    Yönlendiricide Ara Yazılımı Yapılandırma

    src/server.ts
    import { createRouter } from "remix/router";
import { intlayer } from "remix-intlayer";

export const router = createRouter({
  middleware: [intlayer()],
});

    Görünümlerde ve Bileşenlerde İçerik Kullanımı

    src/views/home.ts
    import { useIntlayer } from "remix-intlayer";

export const HomeView = () => {
  const content = useIntlayer("home");

  return `<h1>${content.title}</h1><p>${content.description}</p>`;
};
    useLocaleintlayer