Ana SayfaPlaygroundShowcaseUygulamaDokümanBlog
    • Englishİngilizce
      EN
    • русскийRusça
      RU
    • 日本語Japonca
      JA
    • françaisFransızca
      FR
    • 한국어Korece
      KO
    • 中文Çince
      ZH
    • españolİspanyolca
      ES
    • DeutschAlmanca
      DE
    • العربيةArapça
      AR
    • italianoİtalyanca
      IT
    • British Englishİngiliz İngilizcesi
      EN-GB
    • portuguêsPortekizce
      PT
    • हिन्दीHintçe
      HI
    • TürkçeTürkçe
      TR
    • polskiLehçe
      PL
    • IndonesiaEndonezce
      ID
    • Tiếng ViệtVietnamca
      VI
    • українськаUkraynaca
      UK
    /
    Çerçeveye göre belgeleri filtrele
    Alt+←
    Neden Intlayer?
    Başla
    Kavram
    • Intlayer Nasıl Çalışır
    • Yapılandırma
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Görsel Editör
    • CMS
    • CI/CD Entegrasyonu
    • ÇeviriÇoğulNumaralandırmaKoşulCinsiyetEklemeDosyaİç İçe GeçmeMarkdownHTMLFonksiyon Getirme
    • Yerel Dosya
    • Derleyici
    • Otomatik Doldurma
    • Test
    • Paket Optimizasyonu
    Ortam
    • Next.js 14 ve Uygulama Yönlendirici
      Next.js 15
      Next.js locale’siz URL
      Next.js ve Sayfa Yönlendirici
      Derleyici
    • Tanstack Start Solid
    • Astro ve React
      Astro ve Svelte
      Astro ve Vue
      Astro ve Solid
      Astro ve Preact
      Astro ve Lit
      Astro ve Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt ve Vue
    • Vite ve Solid
    • SvelteKit
    • Vite ve Preact
    • Vite ve Vanilla JS
    • Vite ve Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native ve Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx ve React
    Plugins
    • JSON
    • gettext (.po)
    VS Code Uzantısı
    Aracı
    • MCP Sunucusu
    • Aracı becerileri
    Sürümler
    • v8
    • v7
    • v6
    Karşılaştırma
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Blog
    Bir soru sor
    1. Documentation
    2. Başla
    Oluşturma:2025-09-07Son güncelleme:2025-09-07
    Bu dokümanı favori AI asistanınıza referans verin
    ChatGPT
    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

    Sürüm Geçmişi

    1. "Geçmiş başlatıldı"
      v5.5.1029.06.2025

    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

    Intlayer Dokümantasyonu

    Resmi Intlayer dokümantasyonuna hoş geldiniz! Burada, Next.js, React, Vite, Express veya başka bir JavaScript ortamında çalışıp çalışmadığınızdan bağımsız olarak, tüm uluslararasılaştırma (i18n) ihtiyaçlarınız için Intlayer'ı entegre etmek, yapılandırmak ve ustalaşmak için ihtiyacınız olan her şeyi bulacaksınız.

    Giriş

    Intlayer Nedir?

    Intlayer, özellikle JavaScript geliştiricileri için tasarlanmış bir uluslararasılaştırma kütüphanesidir. Kodunuzun her yerinde içeriğinizi bildirmenize izin verir. Çok dilli içeriğin bildirimini kodunuzda kolayca entegre etmek için yapılandırılmış sözlüklere dönüştürür. TypeScript kullanarak, Intlayer geliştirmenizi daha güçlü ve verimli hale getirir.

    Intlayer ayrıca içeriğinizi kolayca düzenlemenize ve yönetmenize olanak tanıyan isteğe bağlı bir görsel düzenleyici sağlar. Bu düzenleyici, içerik yönetimi için görsel bir arayüz tercih eden geliştiriciler veya kodla uğraşmadan içerik üreten ekipler için özellikle yararlıdır.

    Kullanım Örneği

    bash
    Kodu kopyala

    Kodu panoya kopyala

    .└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx
    src/components/MyComponent/index.content.ts
    Kodu kopyala

    Kodu panoya kopyala

    import { t, type Dictionary } from "intlayer";
    
    const componentContent = {
      key: "component-key",
      content: {
        myTranslatedContent: t({
          en: "Hello World",
          es: "Hola Mundo",
          fr: "Bonjour le monde",
        }),
      },
    } satisfies Dictionary;
    
    export default componentContent;
    src/components/MyComponent/index.tsx
    Kodu kopyala

    Kodu panoya kopyala

    import type { FC } from "react";
    import { useIntlayer } from "react-intlayer";
    
    export const MyComponent: FC = () => {
      const { myTranslatedContent } = useIntlayer("component-key");
    
      return <span>{myTranslatedContent}</span>;
    };

    Ana Özellikler

    Intlayer, modern web geliştirmenin ihtiyaçlarını karşılamak için çeşitli özellikler sunar. Aşağıda, her biri için ayrıntılı dokümantasyon bağlantılarıyla birlikte temel özellikler bulunmaktadır:

    • Uluslararasılaştırma Desteği: Uygulamanızın küresel erişimini yerleşik uluslararasılaştırma desteğiyle artırın.
    • Görsel Düzenleyici: Intlayer için tasarlanmış düzenleyici eklentileriyle geliştirme iş akışınızı iyileştirin. Görsel Düzenleyici Rehberi'ne göz atın.
    • Konfigürasyon Esnekliği: Kapsamlı konfigürasyon seçenekleriyle kurulumunuzu özelleştirin. Konfigürasyon Rehberi'nde ayrıntıları bulun.
    • Gelişmiş CLI Araçları: Intlayer'ın komut satırı arayüzünü kullanarak projelerinizi verimli bir şekilde yönetin. CLI Araçları Dokümantasyonu'nda yetenekleri keşfedin.

    Temel Kavramlar

    Sözlük

    Çok dilli içeriğinizi kodunuzun yakınında organize edin, böylece her şey tutarlı ve sürdürülebilir kalır.

    • Başlarken
      Intlayer'da içeriğinizi bildirmenin temellerini öğrenin.

    • Çeviri
      Çevirilerin uygulamanızda nasıl oluşturulduğunu, depolandığını ve kullanıldığını anlayın.

    • Numaralandırma
      Çeşitli dillerde tekrarlanan veya sabit veri kümelerini kolayca yönetin.

    • Koşul
      Intlayer'da dinamik içerik oluşturmak için koşullu mantığı nasıl kullanacağınızı öğrenin.

    • Ekleme Ekleme yer tutucuları kullanarak bir dizeye değer eklemeyi keşfedin.

    • Fonksiyon Getirme
      Projenizin iş akışına uyacak şekilde özel mantıkla içeriği dinamik olarak nasıl getireceğinizi görün.

    • Markdown
      Zengin içerik oluşturmak için Intlayer'da Markdown'ı nasıl kullanacağınızı öğrenin.

    • Dosya gömme
      İçerik düzenleyicide kullanmak için Intlayer'da harici dosyaları nasıl gömeceğinizi keşfedin.

    • İç içe yerleştirme
      Karmaşık yapılar oluşturmak için Intlayer'da içeriği nasıl iç içe yerleştireceğinizi anlayın.

    Ortamlar ve Entegrasyonlar

    Intlayer'ı esneklik göz önünde bulundurarak oluşturduk, popüler çerçeveler ve yapı araçları arasında sorunsuz entegrasyon sunuyoruz:

    • Intlayer ile Next.js 15
    • Intlayer ile Next.js 14 (App Router)
    • Intlayer ile Next.js Sayfa Yönlendirici
    • Intlayer ile React CRA
    • Intlayer ile Vite + React
    • Intlayer ile React Native ve Expo
    • Intlayer ile Lynx ve React
    • Intlayer ile Express

    Her entegrasyon rehberi, sunucu tarafında işleme, dinamik yönlendirme veya istemci tarafında işleme gibi Intlayer özelliklerini kullanmak için en iyi uygulamaları içerir, böylece hızlı, SEO dostu ve yüksek düzeyde ölçeklenebilir bir uygulama koruyabilirsiniz.

    Katkıda Bulunma ve Geri Bildirim

    Açık kaynak ve topluluk odaklı geliştirmenin gücüne değer veriyoruz. Belgelerimizde iyileştirmeler önermek, yeni bir rehber eklemek veya herhangi bir sorunu düzeltmek isterseniz, GitHub deposumuzda bir Pull Request gönderin veya bir sorun açın.

    Uygulamanızı daha hızlı ve verimli bir şekilde çevirmeye hazır mısınız? Bugün Intlayer'ı kullanmaya başlamak için belgelerimize dalın. İçeriğinizi organize tutan ve ekibinizi daha üretken kılan sağlam, akıcı bir uluslararasılaştırma yaklaşımı deneyimleyin.


    Neden Intlayer?
    Intlayer Nasıl Çalışır
    Alt+→

    Bu sayfada

      Tartışmalar anonimdir ve yaygın sorunları ele almak için düzenli olarak incelenir. Özellik fikirleri, belgeleme hakkında geri bildirimler veya Intlayer ile ilgili herhangi bir şeyi paylaşmaktan çekinmeyin, bu girdileri yol haritamızı şekillendirmek ve ürünü geliştirmek için kullanıyoruz.

      .└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx