Penulis:
    Aymeric PINEAU
    Dibuat:2026-09-19Terakhir diperbarui:2026-09-19

    Paket remix-intlayer

    Paket remix-intlayer menyediakan alat yang diperlukan untuk mengintegrasikan Intlayer ke dalam aplikasi Remix 3. Paket ini mencakup middleware untuk mendeteksi locale permintaan, akses ke konteks permintaan, serta hook untuk mengambil kamus dan mengelola locale.

    Instalasi

    bash
    npm install remix-intlayer

    Ekspor Paket

    Middleware

    EksporTipeDeskripsiDokumen Terkait
    intlayerFungsi MiddlewareMiddleware untuk Remix 3 yang mendeteksi locale permintaan, mengelola pengalihan, dan mengisi konteks permintaan.Middleware intlayer

    Penyimpanan Konteks

    EksporTipeDeskripsiDokumen Terkait
    IntlayerKunci RequestContext / PenyimpananKunci konteks permintaan yang digunakan untuk mengambil state Intlayer dari konteks permintaan Remix 3 (context.get(Intlayer)).Konteks Intlayer

    Hook

    EksporTipeDeskripsiDokumen Terkait
    useIntlayerHookMengambil dan mendekorasi konten kamus berdasarkan kunci untuk locale permintaan saat ini.Hook useIntlayer
    useDictionaryHookMengembalikan konten objek kamus yang diimpor sebelumnya untuk locale permintaan saat ini.Hook useDictionary
    useLocaleHookMenyediakan akses ke locale permintaan saat ini, locale default, dan daftar semua locale yang tersedia.Hook useLocale

    Mulai Cepat

    Mengonfigurasi Router dengan Middleware

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

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

    Menggunakan Konten di Tampilan dan Komponen

    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