Oluşturma:2025-09-07Son güncelleme:2025-09-07

Bu dokümanı favori AI asistanınıza referans verinChatGPT Claude DeepSeek Google AI mode Gemini Perplexity Mistral Grok

Sorunuzu sorun ve bu sayfaya ve seçtiğiniz AI sağlayıcısına referans vererek belgenin bir özetini alın

MCP Sunucusunu AI Asistanınıza Ekleyin

Intlayer MCP Sunucusunu favori AI asistanınıza entegre ederek tüm belgeleri doğrudan ChatGPT, DeepSeek, Cursor, VSCode vb. üzerinden alabilirsiniz.

MCP Sunucu belgesini görüntüle

Bu sayfanın içeriği bir yapay zeka kullanılarak çevrildi.

Orijinal içeriğin İngilizce son sürümünü görüntüleyin

Bu dokümanı düzenle

Bu dokümantasyonu geliştirmek için bir fikriniz varsa, lütfen GitHub'da bir çekme isteği göndererek katkıda bulunmaktan çekinmeyin.

Dokümantasyon için GitHub bağlantısı

Kopyala

Belge Markdown'ını panoya kopyala

Çeviri

Çevirileri Tanımlama

intlayer'daki t fonksiyonu, içeriği birden fazla dilde bildirmenizi sağlar. Bu fonksiyon tür güvenliğini sağlar ve herhangi bir çeviri eksikse hata verir, bu özellikle TypeScript ortamlarında kullanışlıdır.

İşte çevirilerle içerik bildirme örneği.

**/*.content.ts

Kodu kopyala

Kodu panoya kopyala

import { t, type Dictionary } from "intlayer";interface Content {  welcomeMessage: string;}export default {  key: "multi_lang",  content: {    welcomeMessage: t({      en: "Welcome to our application",      fr: "Bienvenue dans notre application",      es: "Bienvenido a nuestra aplicación",    }),  },} satisfies Dictionary<Content>;

Yerel Ayarlar için Yapılandırma

Uygun çeviri işlemini sağlamak için, intlayer.config.ts'de kabul edilen yerel ayarları yapılandırabilirsiniz. Bu yapılandırma, uygulamanızın desteklediği dilleri tanımlamanızı sağlar:

intlayer.config.ts

Kodu kopyala

Kodu panoya kopyala

import { Locales, type IntlayerConfig } from "intlayer";const config: IntlayerConfig = {  internationalization: {    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],  },};export default config;

React Bileşenlerinde Çevirileri Kullanma

react-intlayer ile React bileşenlerinde çevirileri kullanabilirsiniz. İşte bir örnek:

**/*.tsx

Kodu kopyala

Kodu panoya kopyala

import type { FC } from "react";import { useIntlayer } from "react-intlayer";const MyComponent: FC = () => {  const content = useIntlayer("multi_lang");  return (    <div>      <p>{content.welcomeMessage}</p>    </div>  );};export default MyComponent;

Bu bileşen, uygulamanızda ayarlanan mevcut yerel ayara göre karşılık gelen çeviriyi getirir.

Özel İçerik Nesneleri

intlayer, çeviri için özel içerik nesnelerini destekler ve tür güvenliğini sağlarken daha karmaşık yapılar tanımlamanızı sağlar. İşte özel bir nesne ile örnek:

**/*.content.ts

Kodu kopyala

Kodu panoya kopyala

import { t, type Dictionary } from "intlayer";interface ICustomContent {  title: string;  content: string;}const customContent = {  key: "custom_content",  content: {    profileText: t<ICustomContent>({      en: {        title: "Page Title",        content: "Page Content",      },      fr: {        title: "Titre de la Page",        content: "Contenu de la Page",      },      es: {        title: "Título de la Página",        content: "Contenido de la Página",      },    }),  },} satisfies Dictionary;export default customContent;

Dokümantasyon Geçmişi

Sürüm	Tarih	Değişiklikler
5.5.10	2025-06-29	Geçmiş başlatıldı

İçerik Beyanı

Numaralandırma