Bileşen Bazlı i18n

    Type-Safe. Yapay Zeka ile Çeviri. Görsel Olarak Düzenle.

    Gelişiminizi hızlandırmak için çevirileri bileşenlerin yanında tanımlayın. Paketinizin olması gerektiği kadar hafif kalmasını sağlayın. Editörleri CMS aracılığıyla davet edin. Her katkı gerçekten takdir edilmektedir.

    npm install intlayer

    Şunun için mevcut

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    Playground kullanarak ücretsiz deneyin.Playground'a git
    intlayer test
    $ npx intlayer test
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ~/Desktop/MyApp

    İçerik tanımlarını bileşenlerinizin yakınında tutarak kodun bakımını iyileştirin. Tekrarı azaltın, netliği artırın ve kodunuzu yönetmeyi ve zamanla ölçeklendirmeyi kolaylaştıran yapılandırılmış bir yaklaşım ile güncellemeleri basitleştirin.

    İçeriğinizi anında Intlayer Derleyicisi ile çıkarın. İçeriğinizin uluslararasılaştırılması için gerekli sözlük dosyalarını otomatik olarak oluşturur.

    Ücretsiz görsel editörü kullanarak sitenizi zahmetsizce oluşturun ve yönetin. İçerik yöneticileri ve geliştiricilerin verimli bir şekilde iş birliği yapmasını kolaylaştırarak, kodla uğraşmadan bileşenler ve sayfalar oluşturun, düzenleyin ve organize edin.

    Yerleşik çeviri desteği ile erişiminizi genişletin. İçeriğinizi sezgisel bir arayüz kullanarak kolayca çevirin ve birden fazla içerik sürümünü manuel olarak yönetme zahmetinden kurtulun.

    İçeriğinizi test etmek ve doldurmak için Intlayer CLI’yi ve yapay zekâyı kullanarak tüm çevirilerin eksiksiz ve doğru olduğundan emin olun.

    Neden Intlayer'ı seçmelisiniz?

    Ücretsiz ve Açık Kaynak

    Intlayer ücretsiz ve açık kaynaklıdır, böylece ücretsiz kullanabilir ve ihtiyaçlarınıza göre katkıda bulunabilirsiniz.

    JavaScript Destekli İçerik Yönetimi

    JavaScript'in esnekliğini kullanarak içeriğinizi verimli bir şekilde tanımlayın ve yönetin.

    Tip Güvenli Ortam

    TypeScript'i kullanarak tüm içerik tanımlarınızın kesin ve hatasız olmasını sağlayın.

    Bileşen düzeyinde beyan

    Çevirilerinizi ilgili bileşenlerine yakın tutarak sürdürülebilirliği ve netliği artırın.

    Basitleştirilmiş Kurulum

    Özellikle Next.js projeleri için optimize edilmiş, minimum yapılandırma ile hızlıca başlayın.

    Entegre CMS

    Entegre CMS ile web sitenizdeki içeriğinizi doğrudan web sitenizde düzenleyin. Yapay zeka sayesinde içerik üretimini artırın.

    Teknoloji

    Dinamik JSON yükleme

    Çevirileri çalışma zamanında geç yükler

    Kapsamlı JSON (ad alanı oluşturma)

    Sayfa başına çeviri ad alanları

    I18n Performans Karşılaştırması

    Veri mevcut değil

    Bu metrik nedir?

    Uluslararasılaştırma kitaplığı paketinin toplam gzip sıkıştırılmış boyutu. Sadece ağaç sallama (tree-shaking) ve küçültme (minification) sonrası sağlayıcı ve içerik getirme mantığını içerir.

    Neden önemlidir?

    Daha küçük bir kitaplık boyutu, başlangıç JavaScript yükünü azaltarak istemci tarafında daha hızlı indirme ve yürütme sürelerine yol açar.

    Olarak gör

    Web sitenizin küresel yerelleştirme puanını analiz edin

    Web sitenizin yerelleştirme kalitesini hızlı ve ücretsiz bir şekilde değerlendirin. Kapsamlı bir puan ve erişiminizi artırmaya yönelik uygulanabilir içgörüler elde etmek için sitenizin başlıca çok dilli öğelerini analiz edin.

    Kod tabanlı i18n

    Deponuzda yaşayan tip güvenli çeviriler.

    İçeriği TypeScript veya JavaScript bileşenlerinizin yanında bildirin. Intlayer türleri otomatik olarak oluşturur, size otomatik tamamlama, doğrulama ve anında geri bildirim sağlar. Artık eksik anahtarlar veya bağlam değiştirme yok.

    AI CLI Tool

    Çevirileri terminalinizden otomatikleştirin.

    AI ile JSON ve Markdown'ı denetlemek, doldurmak ve çevirmek için CLI.

    Eksik anahtarları tespit etmek ve OpenAI, Claude veya yerel modelleri kullanarak çeviriler oluşturmak için `npx intlayer fill` çalıştırın. Git geçmişinizi temiz tutun.

    Intlayer TMS

    Kelime başına ödeme yapmayı bırakın. AI ile otomatikleştirin.

    Crowdin ve Lokalise'nin açık kaynak alternatifi. Modern geliştirici iş akışları için oluşturuldu.

    Çevirileri doğrudan kodunuzda veya görsel düzenleyici aracılığıyla yönetin. Anında çeviri için AI'dan yararlanın. Koltuk sınırı olmadan ekibinizle işbirliği yapın.

    Headless CMS

    Yerel kodunuzu uzak içerikle köprüleyin.

    Çok dilli içeriği ek yük olmadan yönetin. Intlayer, yerel sözlükleri uzaktan yönetimle birbirine bağlamanıza olanak tanır ve yeniden oluşturmadan sıcak güncellemeler için Canlı Senkronizasyon sağlar. CI/CD için webhook kullanın.

    Özellik Bayrakları

    Özellikleri anında değiştirin. Dağıtım gerekmez.

    Intlayer sözlükleri sadece metinden ibaret değildir. Mantık, stiller ve yapılandırmalar bildirmek için kullanın. Live Sync ile özellikleri açıp kapatabilir, UI temalarını değiştirebilir ve uygulama davranışını doğrudan CMS üzerinden gerçek zamanlı güncelleyebilirsiniz.

    A/B testi

    Ürün Deneyleri için Playground.

    Intlayer'ın yeni Yapay Zeka destekli A/B Testi beta sürümünü keşfeden ilk kişi olun. Keşfedilebilirliği artırmak ve daha akıllı ürün kararlarına rehberlik etmek için tasarlandı. Kopya ve tasarımdan tüm özelliklere kadar her şeyi gerçek zamanlı olarak test edin ve verilerin gerçekten neyin işe yaradığını göstermesine izin verin.

    Mevcut

    Canlı demoyu deneyin

    Topluluk tarafından oluşturuldu

    Intlayer'ı mümkün kılan harika katkıda bulunanlarla tanışın

    Sıkça Sorulan Sorular

    Uluslararasılaştırma (i18n) nedir?

    Uluslararasılaştırma (i18n), Next.js, React veya Express gibi uygulamaların birden çok dili kolayca destekleyecek şekilde tasarlanması ve geliştirilmesi sürecidir. Çeviri sürecini basitleştirerek çok dilli web siteleri oluşturmanızı sağlar. TypeScript gibi araçlar, i18n uygulamasını kolaylaştırır ve uygulamanızın farklı dillere ve bölgelere verimli ve kolay bir şekilde uyum sağlamasına olanak tanır.i18n hakkında daha fazla bilgi edinin

    Intlayer’ın temel özellikleri nelerdir?

    Intlayer, yapılandırma yönetimini basitleştirir ve sunucu bileşenleri de dahil olmak üzere çeşitli türde JavaScript uygulamaları için uluslararasılaştırmayı etkinleştirir. İçerik beyanını bileşenlerin yanında doğrudan yapmanıza olanak tanır ve kod tabanının sürdürülebilirliğini artırır. Ayrıca, Intlayer, eksik beyanları önlemek için TypeScript'ten yararlanır. Son olarak, Intlayer, geliştirici olmayanların web sitesi içeriğini düzenlemesine, AI kullanarak otomatik olarak çeviri yapmasına ve uygulamanın SEO'sunu optimize etmesine olanak tanıyan görsel bir editör sunar.Intlayer’ın özellikleri hakkında daha fazla bilgi edinin

    Intlayer'da görsel bir editör var mı?

    Evet, Intlayer, koda dalmadan içeriği kolayca yönetmek için isteğe bağlı bir görsel editör sağlar.Görsel editör hakkında daha fazla bilgi edinin

    Intlayer'ı kullanmanın maliyeti nedir?

    Intlayer, görsel bir editörle birlikte ücretsiz NPM paketlerinden oluşan bir seçkiyi entegre eder. Ayrıca, içeriği dışa aktarmak için bir CMS sunar. Bu CMS ücretsizdir, ancak Premium ve Enterprise plan üyeleri için ek özellikler içerir.Intlayer planları hakkında daha fazla bilgi edinin

    Mevcut çözümlerin üzerine Intlayer entegre edebilir miyim?

    Evet, Intlayer, i18next, next-intl, vue-i18next ve daha fazlasının etrafında bir sarmalayıcı (wrapper) olarak entegre edilebilir. Bu, çevirilerinizi otomatikleştirmenizi ve mevcut kodunuzu yeniden düzenlemek zorunda kalmadan Intlayer'ı kullanmanızı sağlar.

    Intlayer nedir?

    Intlayer, çok dilli web sitenizi yönetmenizi sağlayan bir pakettir. Çok dilli içerik ve yerelleştirme için web sitenizi kolayca kurmanızı sağlayan bir dizi araç ve yardımcı program sunar.Intlayer hakkında daha fazla bilgi edinin

    Intlayer, Next.js ile nasıl entegre olur?

    Intlayer, Next.js ile entegre olarak sunucu tarafı render ve statik site oluşturmayı etkinleştirir, çok dilli içerik teslimatını daha verimli hale getirir.Next.js entegrasyonu hakkında daha fazla bilgi edinin

    Intlayer'a nasıl katkıda bulunabilirim?

    GitHub deposunda çekme istekleri göndererek veya sorunları bildirerek katkıda bulunabilirsiniz.Katkıda bulunma hakkında daha fazla bilgi edinin

    Intlayer hangi platformları destekliyor?

    Intlayer, React (Create React App dahil), Vite with React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact ve daha fazlası için kullanılabilir. Bu, modern JavaScript çerçeveleri ve sunucu tarafı ortamlarla sorunsuz entegrasyon sağlar.Desteklenen platformlar hakkında daha fazla bilgi edinin
    Tüm sıkça sorulan soruları oku