Penulis:
    Dibuat:2026-01-21Terakhir diperbarui:2026-01-21

    Paket next-intlayer

    Paket next-intlayer menyediakan alat yang diperlukan untuk mengintegrasikan Intlayer ke dalam aplikasi Next.js. Ini mendukung baik App Router maupun Page Router, termasuk middleware untuk routing berbasis locale.

    Instalasi

    bash
    npm install next-intlayer
    

    Ekspor

    Middleware

    Impor:

    tsx
    import "next-intlayer/middleware";
    
    FungsiDeskripsiDokumen Terkait
    intlayerMiddlewareMiddleware Next.js untuk menangani routing dan pengalihan berbasis locale. Mendeteksi locale dari headers/cookies dan mengalihkan ke path locale yang sesuai.intlayerMiddleware

    Helper Konfigurasi

    Impor:

    tsx
    import "next-intlayer/server";
    
    FungsiDeskripsiDokumen Terkait
    withIntlayerBantuan asinkron untuk membungkus konfigurasi Next.js, memastikan kamus Intlayer dipersiapkan sebelum build. Mempersiapkan file konten dan menyiapkan plugin webpack/SWC.-
    withIntlayerSyncBantuan sinkron untuk membungkus konfigurasi Next.js, ideal untuk konfigurasi di mana async tidak memungkinkan/diinginkan. Tidak menyiapkan kamus saat server dimulai.-

    Penyedia

    Import:

    tsx
    import "next-intlayer";
    

    or

    tsx
    import "next-intlayer/server";
    
    KomponenDeskripsiDokumen Terkait
    IntlayerClientProviderProvider untuk komponen sisi-klien pada Next.js App Router. Membungkus IntlayerProvider dari react-intlayer.-
    IntlayerServerProviderProvider untuk komponen sisi-server pada Next.js (App Router). Menyediakan konteks locale di server.-
    IntlayerServerPembungkus sisi-server untuk konten Intlayer di App Router. Menjamin penanganan locale yang tepat pada Server Components.-

    Hooks (Sisi-klien)

    Impor:

    tsx
    import "next-intlayer";
    

    Mengekspor ulang sebagian besar hooks dari react-intlayer.

    HookDeskripsiDokumen Terkait
    useIntlayerHook sisi-klien yang memilih satu dictionary berdasarkan kunci dan mengembalikan isinya. Menggunakan locale dari konteks jika tidak diberikan.useIntlayer
    useDictionaryHook yang mentransformasikan objek dictionary dan mengembalikan isi untuk locale saat ini. Memproses terjemahan t(), enumerations, dll.useDictionary
    useDictionaryAsyncHook yang menangani kamus asinkron. Menerima peta kamus berbasis promise dan menyelesaikannya untuk locale saat ini.-
    useDictionaryDynamicHook yang menangani kamus dinamis yang dimuat berdasarkan kunci. Menggunakan React Suspense secara internal untuk status pemuatan.-
    useLocaleHook sisi-klien untuk mendapatkan locale saat ini dan sebuah fungsi untuk mengaturnya. Ditingkatkan untuk Next.js App Router dengan dukungan navigasi.useLocale
    usePathnameMengembalikan pathname saat ini tanpa awalan lokal dan tanpa parameter kueri yang terkait dengan lokal.usePathname
    useRewriteURLHook sisi-klien untuk mengelola rewrite URL. Secara otomatis memperbarui URL jika ada aturan rewrite terlokalisasi yang lebih rapi.useRewriteURL
    useLocalePageRouterHook khusus Next.js Page Router untuk manajemen locale. Menangani pengalihan (redirections) dan muat ulang halaman saat perubahan locale.-
    useI18nHook yang menyediakan fungsi terjemahan t() untuk mengakses konten bersarang berdasarkan kunci. Meniru pola i18next/next-intl.useI18n
    useIntlHook yang menyediakan objek Intl yang terkait locale. Secara otomatis menyuntikkan locale saat ini dan menggunakan caching yang dioptimalkan.-
    useLoadDynamicHook untuk memuat kamus dinamis menggunakan React Suspense. Menerima sebuah key dan promise, serta meng-cache hasilnya.-

    Fungsi (Server-side)

    Import:

    tsx
    import "next-intlayer/server";
    
    FungsiDeskripsiDokumen Terkait
    tVersi sisi-server dari fungsi terjemahan untuk Next.js App Router. Mengembalikan terjemahan konten multibahasa untuk locale server.translation
    getLocaleFungsi pembantu untuk mengekstrak locale saat ini dari header dan cookie Next.js. Dirancang untuk Server Components, Server Actions, atau Route Handlers.-
    generateStaticParamsMenghasilkan parameter statis untuk route dinamis Next.js berdasarkan locale yang dikonfigurasi. Mengembalikan array objek locale untuk pre-rendering.-
    localeFungsi untuk mendapatkan atau mengatur locale dalam konteks server (App Router). Menyediakan manajemen locale di Server Components.-

    Tipe

    Impor:

    tsx
    import "next-intlayer";
    
    TipeDeskripsi
    NextPageIntlayerTipe untuk halaman Next.js dengan dukungan Intlayer. Tipe generik yang mencakup parameter locale.
    Next14PageIntlayerTipe untuk halaman Next.js 14 dengan dukungan Intlayer.
    Next15PageIntlayerTipe untuk halaman Next.js 15 dengan dukungan Intlayer.
    NextLayoutIntlayerTipe untuk layout Next.js dengan dukungan Intlayer. Tipe generik yang mencakup parameter locale.
    Next14LayoutIntlayerTipe untuk Next.js 14 layouts dengan dukungan Intlayer.
    Next15LayoutIntlayerTipe untuk Next.js 15 layouts dengan dukungan Intlayer.
    LocalParamsTipe untuk route parameters Next.js dengan locale. Objek dengan properti locale.
    LocalPromiseParamsTipe untuk route parameters Next.js dengan locale (versi async). Promise yang menghasilkan objek dengan properti locale.