next-intl'den Intlayer'a Geçiş Yapın

Kapsamlı ve ayrıntılı adım adım eğitim için lütfen tam next-intl Göç Kılavuzuna bakın.

next-intl'den Intlayer'a geçiş, uygulama routing'inizi ve sözdizimini tamamen etkilemeden tutmanıza izin verir.

Ne yapmalı

Deponuzda aşağıdaki komutu yürütün:

npx intlayer init

Bu, bir intlayer.config.ts oluşturacaktır. next.config.ts dosyasında, plugin wrapper'ını kullanarak next-intl takma adlarını @intlayer/next-intl'ye sorunsuzca enjekte edin.

import type { NextConfig } from "next";import { createNextIntlPlugin } from "@intlayer/next-intl/plugin";const withIntlayer = createNextIntlPlugin();const nextConfig: NextConfig = {};export default withIntlayer(nextConfig);

Arka Planda Neler Olur

Bundler wrapper çevirileri değiştirir, ancak next-intl/navigation özelliklerini olduğu gibi bırakır (örneğin Link, redirect, usePathname).

Arka Planda:

• ICU runtime: Çoğullar (=0, one, other), select/selectordinal, # argümanları ve biçimlendirilmiş argümanlar ({ts, date, long}) paylaşılan resolveMessage(..., 'icu') çözümleyicisini kullanarak doğru şekilde çalışır.
• useTranslations() & getTranslations(): Bare scope çağrıları ilk anahtar segmentini doğru sözlük tanımlayıcısı olarak ayıklar. İç içe ad alanları zarif bir şekilde sözlük yolları ve ön eklerine bölünür.
• Zengin Biçimlendirme: Hem t.rich() hem de t.markup() tamamen doğal olarak uygulanmakta, HTML benzeri düğümleri render edilen React chunks'lerine dönüştürmektedir.
• useFormatter: relativeTime, list, dateTimeRange ve yapılandırmadan adlı biçimler, core yerel Intl formatter'larına köprü atılmaktadır.