Autor:
    Aymeric PINEAU
    Data utworzenia:2026-09-19Ostatnia aktualizacja:2026-09-19

    Pakiet remix-intlayer

    Pakiet remix-intlayer dostarcza narzędzia do integracji Intlayer z aplikacjami Remix 3. Zawiera middleware do wykrywania języka (locale) żądania, dostęp do kontekstu żądania oraz hooki do pobierania słowników i zarządzania językami.

    Instalacja

    bash
    npm install remix-intlayer

    Eksporty pakietu

    Middleware

    EksportTypOpisPowiązana dokumentacja
    intlayerFunkcja middlewareMiddleware dla Remix 3 wykrywające język żądania, zarządzające przekierowaniami i wypełniające kontekst żądania.Middleware intlayer

    Przechowywanie kontekstu

    EksportTypOpisPowiązana dokumentacja
    IntlayerKlucz RequestContext / magazynKlucz kontekstu żądania używany do pobierania stanu Intlayer z kontekstu żądania Remix 3 (context.get(Intlayer)).Kontekst Intlayer

    Hooki

    EksportTypOpisPowiązana dokumentacja
    useIntlayerHookPobiera i przetwarza zawartość słownika na podstawie klucza dla bieżącego języka żądania.Hook useIntlayer
    useDictionaryHookZwraca zawartość zaimportowanego obiektu słownika odpowiadającą bieżącemu językowi żądania.Hook useDictionary
    useLocaleHookZapewnia dostęp do bieżącego języka żądania, domyślnego języka oraz listy dostępnych języków w projekcie.Hook useLocale

    Szybki start

    Konfiguracja routera z middleware

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

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

    Wykorzystanie treści w widokach i komponentach

    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