@intlayer/docs 5.8.1 → 6.0.0-canary.0

package/docs/tr/packages/next-intlayer/useIntlayer.md

@@ -0,0 +1,265 @@
+---
+createdAt: 2025-09-07
+updatedAt: 2025-09-07
+title: useIntlayer Hook Dokümantasyonu | next-intlayer
+description: next-intlayer paketi için useIntlayer hook'unun nasıl kullanılacağını görün
+keywords:
+  - useIntlayer
+  - dictionary
+  - key
+  - Intlayer
+  - Uluslararasılaştırma
+  - Dokümantasyon
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - next-intlayer
+  - useIntlayer
+---
+
+# Next.js Entegrasyonu: `useIntlayer` Hook Dokümantasyonu
+
+`useIntlayer` hook'u, Next.js uygulamalarında yerelleştirilmiş içeriği verimli bir şekilde almak ve yönetmek için tasarlanmıştır. Bu dokümantasyon, Next.js projelerinde hook'un nasıl kullanılacağına odaklanacak ve uygun yerelleştirme uygulamalarını sağlayacaktır.
+
+## Next.js'te `useIntlayer` İçe Aktarma
+
+Next.js uygulamanızda istemci tarafı veya sunucu tarafı bileşenlerde çalışıp çalışmadığınıza bağlı olarak, `useIntlayer` hook'unu aşağıdaki gibi içe aktarabilirsiniz:
+
+- **İstemci Bileşeni:**
+
+  ```typescript codeFormat="typescript"
+  import { useIntlayer } from "next-intlayer"; // İstemci tarafı bileşenlerde kullanılır
+  ```
+
+  ```javascript codeFormat="esm"
+  import { useIntlayer } from "next-intlayer"; // İstemci tarafı bileşenlerde kullanılır
+  ```
+
+  ```javascript codeFormat="commonjs"
+  const { useIntlayer } = require("next-intlayer"); // İstemci tarafı bileşenlerde kullanılır
+  ```
+
+- **Sunucu Bileşeni:**
+
+  ```tsx codeFormat="typescript"
+  import { useIntlayer } from "next-intlayer/server"; // Sunucu tarafı bileşenlerde kullanılır
+  ```
+
+  ```javascript codeFormat="esm"
+  import { useIntlayer } from "next-intlayer/server"; // Sunucu tarafı bileşenlerde kullanılır
+  ```
+
+  ```javascript codeFormat="commonjs"
+  const { useIntlayer } = require("next-intlayer/server"); // Sunucu tarafı bileşenlerde kullanılır
+  ```
+
+## Parametreler
+
+1. **`key`**: İçeriği almak istediğiniz sözlük anahtarının dize tanımlayıcısı.
+2. **`locale`** (isteğe bağlı): Kullanılacak belirli bir yerel ayar. Atlanırsa, hook istemci veya sunucu bağlamında ayarlanan yerel ayara varsayılan olur.
+
+## Sözlük Dosyaları
+
+Çalışma zamanı hatalarını önlemek ve tür güvenliğini sağlamak için tüm içerik anahtarlarının içerik bildirim dosyalarında tanımlanması önemlidir. Bu yaklaşım ayrıca derleme zamanı doğrulaması için TypeScript entegrasyonunu kolaylaştırır.
+
+İçerik bildirim dosyalarının kurulumu için talimatlar [burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/get_started.md) mevcuttur.
+
+## Next.js'te Örnek Kullanım
+
+İşte uygulamanın mevcut yerel ayarına göre yerelleştirilmiş içeriği dinamik olarak yüklemek için `useIntlayer` hook'unu bir Next.js sayfasında nasıl uygulayabileceğiniz:
+
+```tsx fileName="src/pages/[locale]/index.tsx" codeFormat="typescript"
+import { ClientComponentExample } from "@components/ClientComponentExample";
+import { ServerComponentExample } from "@components/ServerComponentExample";
+import { type NextPageIntlayer, IntlayerClientProvider } from "next-intlayer";
+import { useIntlayer, IntlayerServerProvider } from "next-intlayer/server";
+
+const HomePage: NextPageIntlayer = async ({ params }) => {
+  const { locale } = await params;
+
+  const content = useIntlayer("homepage", locale);
+
+  return (
+    <>
+      <p>{content.introduction}</p>
+      <IntlayerClientProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerClientProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```jsx fileName="src/pages/[locale]/index.csx" codeFormat="esm"
+import { ClientComponentExample } from "@components/ClientComponentExample";
+import { ServerComponentExample } from "@components/ServerComponentExample";
+import { IntlayerClientProvider } from "next-intlayer";
+import { IntlayerServerProvider, useIntlayer } from "next-intlayer/server";
+
+const HomePage = ({ locale }) => {
+  const content = useIntlayer("homepage", locale);
+
+  return (
+    <>
+      <p>{content.introduction}</p>
+      <IntlayerClientProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerClientProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```jsx fileName="src/components/ClientComponentExample.csx" codeFormat="commonjs"
+const {
+  ClientComponentExample,
+} = require("@components/ClientComponentExample");
+const {
+  ServerComponentExample,
+} = require("@components/ServerComponentExample");
+const { IntlayerClientProvider } = require("next-intlayer");
+const { useIntlayer } = require("next-intlayer/server");
+
+const HomePage = ({ locale }) => {
+  const content = useIntlayer("homepage", locale);
+
+  return (
+    <>
+      <p>{content.introduction}</p>
+      <IntlayerClientProvider locale={locale}>
+        <ClientComponentExample />
+      </IntlayerClientProvider>
+      <IntlayerServerProvider locale={locale}>
+        <ServerComponentExample />
+      </IntlayerServerProvider>
+    </>
+  );
+};
+```
+
+```tsx fileName="src/components/ClientComponentExample.tsx" codeFormat="typescript"
+"use-client";
+
+import type { FC } from "react";
+import { useIntlayer } from "next-intlayer";
+
+const ClientComponentExample: FC = () => {
+  const content = useIntlayer("component-content");
+
+  return (
+    <div>
+      <h1>{content.title}</h1>
+      <p>{content.description}</p>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ClientComponentExample.msx" codeFormat="esm"
+"use-client";
+
+import { useIntlayer } from "next-intlayer";
+
+const ServerComponentExample = () => {
+  const content = useIntlayer("component-content");
+
+  return (
+    <div>
+      <h1>{content.title}</h1>
+      <p>{content.description}</p>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ClientComponentExample.csx" codeFormat="commonjs"
+"use-client";
+
+const { useIntlayer } = require("next-intlayer");
+
+const ServerComponentExample = () => {
+  const content = useIntlayer("component-content");
+
+  return (
+    <div>
+      <h1>{content.title}</h1>
+      <p>{content.description}</p>
+    </div>
+  );
+};
+```
+
+```tsx fileName="src/components/ServerComponentExample.tsx" codeFormat="typescript"
+import type { FC } from "react";
+import { useIntlayer } from "next-intlayer/server";
+
+const ServerComponentExample: FC = () => {
+  const content = useIntlayer("component-content");
+
+  return (
+    <div>
+      <h1>{content.title}</h1>
+      <p>{content.description}</p>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ServerComponentExample.mjx" codeFormat="esm"
+import { useIntlayer } from "next-intlayer/server";
+
+const ServerComponentExample = () => {
+  const content = useIntlayer("component-content");
+
+  return (
+    <div>
+      <h1>{content.title}</h1>
+      <p>{content.description}</p>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/ServerComponentExample.csx" codeFormat="commonjs"
+const { useIntlayer } = require("next-intlayer/server");
+
+const ServerComponentExample = () => {
+  const content = useIntlayer("component-content");
+
+  return (
+    <div>
+      <h1>{content.title}</h1>
+      <p>{content.description}</p>
+    </div>
+  );
+};
+```
+
+## Özellik Yerelleştirmesi İşleme
+
+`alt`, `title`, `href`, `aria-label` vb. gibi özellikleri yerelleştirmek için, içeriği doğru şekilde referans aldığınızdan emin olun:
+
+```tsx
+<img src={content.image.src.value} alt={content.image.alt.value} />
+```
+
+## Daha Fazla Bilgi
+
+- **Intlayer Görsel Düzenleyici**: Daha kolay içerik yönetimi için görsel düzenleyicinin nasıl kullanılacağını öğrenin [burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_visual_editor.md).
+
+Bu dokümantasyon, Next.js ortamlarında `useIntlayer` hook'unun kullanımını özetler, Next.js uygulamalarınızda yerelleştirmeyi yönetmek için sağlam bir çözüm sağlar.
+
+## Doküman Geçmişi
+
+| Sürüm  | Tarih      | Değişiklikler     |
+| ------ | ---------- | ----------------- |
+| 5.5.10 | 2025-06-29 | Geçmiş başlatıldı |

package/docs/tr/packages/next-intlayer/useLocale.md

@@ -0,0 +1,133 @@
+---
+createdAt: 2025-09-07
+updatedAt: 2025-09-07
+title: useLocale Hook Dokümantasyonu | next-intlayer
+description: next-intlayer paketi için useLocale hook'unun nasıl kullanılacağını görün
+keywords:
+  - useLocale
+  - dictionary
+  - key
+  - Intlayer
+  - Uluslararasılaştırma
+  - Dokümantasyon
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - next-intlayer
+  - useLocale
+---
+
+# Next.js Entegrasyonu: `useLocale` Hook Dokümantasyonu `next-intlayer` için
+
+Bu bölüm, `next-intlayer` kütüphanesinde Next.js uygulamaları için uyarlanmış `useLocale` hook'una ilişkin detaylı dokümantasyon sağlar. Yerel ayar değişikliklerini ve yönlendirmeyi verimli bir şekilde yönetmek için tasarlanmıştır.
+
+## Next.js'te `useLocale` İçe Aktarma
+
+Next.js uygulamanızda `useLocale` hook'unu kullanmak için aşağıdaki gibi içe aktarın:
+
+```javascript
+import { useLocale } from "next-intlayer"; // Next.js'te yerel ayarları ve yönlendirmeyi yönetmek için kullanılır
+```
+
+## Kullanım
+
+İşte `useLocale` hook'unu bir Next.js bileşeninde nasıl uygulayabileceğiniz:
+
+```tsx fileName="src/components/LocaleSwitcher.tsx" codeFormat="typescript"
+"use client";
+
+import type { FC } from "react";
+import { Locales } from "intlayer";
+import { useLocale } from "next-intlayer";
+
+const LocaleSwitcher: FC = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Mevcut Yerel Ayar: {locale}</h1>
+      <p>Varsayılan Yerel Ayar: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSwitcher.mjx" codeFormat="esm"
+"use client";
+
+import { Locales } from "intlayer";
+import { useLocale } from "next-intlayer";
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Mevcut Yerel Ayar: {locale}</h1>
+      <p>Varsayılan Yerel Ayar: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+```
+
+```jsx fileName="src/components/LocaleSwitcher.csx" codeFormat="commonjs"
+"use client";
+
+const { Locales } = require("intlayer");
+const { useLocale } = require("next-intlayer");
+
+const LocaleSwitcher = () => {
+  const { locale, defaultLocale, availableLocales, setLocale } = useLocale();
+
+  return (
+    <div>
+      <h1>Mevcut Yerel Ayar: {locale}</h1>
+      <p>Varsayılan Yerel Ayar: {defaultLocale}</p>
+      <select value={locale} onChange={(e) => setLocale(e.target.value)}>
+        {availableLocales.map((loc) => (
+          <option key={loc} value={loc}>
+            {loc}
+          </option>
+        ))}
+      </select>
+    </div>
+  );
+};
+```
+
+## Parametreler ve Dönüş Değerleri
+
+`useLocale` hook'unu çağırdığınızda, aşağıdaki özellikleri içeren bir nesne döndürür:
+
+- **`locale`**: React bağlamında ayarlanan mevcut yerel ayar.
+- **`defaultLocale`**: Yapılandırmada tanımlanan birincil yerel ayar.
+- **`availableLocales`**: Yapılandırmada tanımlanan tüm kullanılabilir yerel ayarların listesi.
+- **`setLocale`**: Uygulamanın yerel ayarını değiştirmek ve URL'yi buna göre güncellemek için bir işlev. Yapılandırmaya göre yola yerel ayar eklenip eklenmeyeceğine ilişkin önek kurallarını halleder. Navigasyon işlevleri için `next/navigation`'dan `useRouter`'ı kullanır.
+- **`pathWithoutLocale`**: Yerel ayar olmadan yolu döndüren hesaplanmış bir özellik. URL'leri karşılaştırmak için kullanışlıdır. Örneğin, mevcut yerel ayar `fr` ise ve url `fr/my_path`, yerel ayar olmadan yol `/my_path` olur. Geçerli yolu almak için `next/navigation`'dan `usePathname`'ı kullanır.
+
+## Sonuç
+
+`next-intlayer`'dan `useLocale` hook'u, Next.js uygulamalarında yerel ayarları yönetmek için önemli bir araçtır. Yerel ayar depolamayı, durum yönetimini ve URL değişikliklerini sorunsuz bir şekilde hallederek uygulamanızı birden fazla yerel ayar için uyarlamak için entegre bir yaklaşım sağlar.
+
+## Doküman Geçmişi
+
+| Sürüm  | Tarih      | Değişiklikler     |
+| ------ | ---------- | ----------------- |
+| 5.5.10 | 2025-06-29 | Geçmiş başlatıldı |

package/docs/tr/packages/nuxt-intlayer/index.md

@@ -0,0 +1,59 @@
+---
+createdAt: 2025-09-07
+updatedAt: 2025-09-07
+title: Paket Dokümantasyonu | nuxt-intlayer
+description: nuxt-intlayer paketinin nasıl kullanılacağını görün
+keywords:
+  - Intlayer
+  - nuxt-intlayer
+  - Uluslararasılaştırma
+  - Dokümantasyon
+  - JavaScript
+  - Nuxt
+slugs:
+  - doc
+  - packages
+  - nuxt-intlayer
+---
+
+# nuxt-intlayer: Vue uygulamasını uluslararasılaştırmak (i18n) için NPM Paketi
+
+**Intlayer**, özellikle JavaScript geliştiricileri için tasarlanmış bir paket paketidir. Vue, Vue ve Express.js gibi çerçevelerle uyumludur.
+
+**`nuxt-intlayer` paketi**, Vue uygulamanızı uluslararasılaştırmanızı sağlar. Vue uluslararasılaştırması için bağlam sağlayıcıları ve kancalar sağlar.
+
+## Neden Vue Uygulamanızı Uluslararasılaştırasınız?
+
+Vue uygulamanızı uluslararasılaştırmak, küresel bir kitleye etkili bir şekilde hizmet etmek için gereklidir. Uygulamanızın her kullanıcının tercih ettiği dilde içerik ve mesajlar sunmasına izin verir. Bu yetenek, kullanıcı deneyimini geliştirir ve uygulamanızın farklı dilsel geçmişlere sahip insanlara daha erişilebilir ve ilgili hale getirerek erişimini genişletir.
+
+## Neden Intlayer'ı entegre etmeli?
+
+- **JavaScript Güçlü İçerik Yönetimi**: İçeriğinizi verimli bir şekilde tanımlamak ve yönetmek için JavaScript'in esnekliğini kullanın.
+- **Tür Güvenli Ortam**: Tüm içerik tanımlarınızın doğru ve hatasız olmasını sağlamak için TypeScript'i kullanın.
+- **Entegre İçerik Dosyaları**: Çevirilerinizi ilgili bileşenlere yakın tutarak sürdürülebilirliği ve netliği artırın.
+
+## Kurulum
+
+Tercih ettiğiniz paket yöneticisini kullanarak gerekli paketi yükleyin:
+
+```bash packageManager="npm"
+npm install nuxt-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add nuxt-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add nuxt-intlayer
+```
+
+## Dokümantasyon Geçmişi
+
+| Sürüm  | Tarih      | Değişiklikler     |
+| ------ | ---------- | ----------------- |
+| 5.5.10 | 2025-06-29 | Geçmiş başlatıldı |
+
+```
+
+```

package/docs/tr/packages/preact-intlayer/index.md

@@ -0,0 +1,55 @@
+---
+createdAt: 2025-09-07
+updatedAt: 2025-09-07
+title: Package Documentation | preact-intlayer
+description: See how to use the preact-intlayer package
+keywords:
+  - Intlayer
+  - preact-intlayer
+  - Internationalization
+  - Documentation
+  - JavaScript
+  - Preact
+slugs:
+  - doc
+  - packages
+  - preact-intlayer
+---
+
+# preact-intlayer: Bir Preact uygulamasını uluslararasılaştırmak (i18n) için NPM Paketi
+
+**Intlayer**, özellikle JavaScript geliştiricileri için tasarlanmış bir paket paketidir. Preact, Preact ve Express.js gibi çerçevelerle uyumludur.
+
+**`preact-intlayer` paketi**, Preact uygulamanızı uluslararasılaştırmanıza izin verir. Preact uluslararasılaştırması için bağlam sağlayıcıları ve kancalar sağlar.
+
+## Neden Preact Uygulamanızı Uluslararasılaştırasınız?
+
+Preact uygulamanızı uluslararasılaştırmak, küresel bir kitleye etkili bir şekilde hizmet etmek için gereklidir. Uygulamanızın her kullanıcının tercih ettiği dilde içerik ve mesajlar sunmasına izin verir. Bu yetenek, kullanıcı deneyimini geliştirir ve uygulamanızın farklı dilsel geçmişlere sahip insanlara daha erişilebilir ve ilgili hale getirerek erişimini genişletir.
+
+## Neden Intlayer'ı entegre edelim?
+
+- **JavaScript-Powered Content Management**: İçeriğinizi verimli bir şekilde tanımlamak ve yönetmek için JavaScript'in esnekliğini kullanın.
+- **Type-Safe Environment**: Tüm içerik tanımlarınızın doğru ve hatasız olmasını sağlamak için TypeScript'i kullanın.
+- **Integrated Content Files**: Çevirilerinizi ilgili bileşenlere yakın tutarak sürdürülebilirliği ve netliği artırın.
+
+## Kurulum
+
+Tercih ettiğiniz paket yöneticisini kullanarak gerekli paketi yükleyin:
+
+```bash packageManager="npm"
+npm install preact-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add preact-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add preact-intlayer
+```
+
+## Doküman Geçmişi
+
+| Sürüm  | Tarih      | Değişiklikler     |
+| ------ | ---------- | ----------------- |
+| 5.5.10 | 2025-06-29 | Geçmiş başlatıldı |

package/docs/tr/packages/react-intlayer/index.md

@@ -0,0 +1,148 @@
+---
+createdAt: 2025-09-07
+updatedAt: 2025-09-07
+title: Paket Dokümantasyonu | react-intlayer
+description: react-intlayer paketinin nasıl kullanılacağını görün
+keywords:
+  - Intlayer
+  - react-intlayer
+  - Uluslararasılaştırma
+  - Dokümantasyon
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - react-intlayer
+---
+
+# react-intlayer: React uygulamasını uluslararasılaştırmak (i18n) için NPM Paketi
+
+**Intlayer**, özellikle JavaScript geliştiricileri için tasarlanmış bir paket paketidir. React, React ve Express.js gibi çerçevelerle uyumludur.
+
+**`react-intlayer` paketi**, React uygulamanızı uluslararasılaştırmanızı sağlar. React uluslararasılaştırması için bağlam sağlayıcıları ve kancalar sağlar.
+
+## Neden React Uygulamanızı Uluslararasılaştırasınız?
+
+React uygulamanızı uluslararasılaştırmak, küresel bir kitleye etkili bir şekilde hizmet etmek için gereklidir. Uygulamanızın her kullanıcının tercih ettiği dilde içerik ve mesajlar sunmasına izin verir. Bu yetenek, kullanıcı deneyimini geliştirir ve uygulamanızın farklı dilsel geçmişlere sahip insanlara daha erişilebilir ve ilgili hale getirerek erişimini genişletir.
+
+## Neden Intlayer'ı entegre etmeli?
+
+- **JavaScript Güçlü İçerik Yönetimi**: İçeriğinizi verimli bir şekilde tanımlamak ve yönetmek için JavaScript'in esnekliğini kullanın.
+- **Tür Güvenli Ortam**: Tüm içerik tanımlarınızın doğru ve hatasız olmasını sağlamak için TypeScript'i kullanın.
+- **Entegre İçerik Dosyaları**: Çevirilerinizi ilgili bileşenlere yakın tutarak sürdürülebilirliği ve netliği artırın.
+
+## Kurulum
+
+Tercih ettiğiniz paket yöneticisini kullanarak gerekli paketi yükleyin:
+
+```bash packageManager="npm"
+npm install react-intlayer
+```
+
+```bash packageManager="yarn"
+yarn add react-intlayer
+```
+
+```bash packageManager="pnpm"
+pnpm add react-intlayer
+```
+
+## Kullanım Örneği
+
+Intlayer ile, kod tabanınızın herhangi bir yerinde içeriğinizi yapılandırılmış bir şekilde bildirebilirsiniz.
+
+Varsayılan olarak, Intlayer `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}` uzantısına sahip dosyaları tarar.
+
+> [yapılandırma dosyasında](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/configuration.md) `contentDir` özelliğini ayarlayarak varsayılan uzantıyı değiştirebilirsiniz.
+
+```bash codeFormat="typescript"
+.
+├── intlayer.config.ts
+└── src
+    └── components
+        ├── Component1
+        │   ├── index.content.ts
+        │   └── index.tsx
+        └── Component2
+            ├── index.content.ts
+            └── index.tsx
+```
+
+### İçeriğinizi Bildirin
+
+`react-intlayer`, [`intlayer` paketi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/packages/intlayer/index.md) ile çalışacak şekilde yapılmıştır. `intlayer`, kodunuzun herhangi bir yerinde içeriğinizi bildirmenizi sağlayan bir pakettir. Çok dilli içerik bildirimlerini uygulamanıza sorunsuz bir şekilde entegre olan yapılandırılmış sözlüklere dönüştürür.
+
+İçerik bildirim örneği:
+
+```tsx fileName="src/Component1/index.content.ts" codeFormat="typescript"
+import { t, type Dictionary } from "intlayer";
+
+const component1Content = {
+  key: "component-1",
+  content: {
+    myTranslatedContent: t({
+      en: "Hello World",
+      es: "Hola Mundo",
+      fr: "Bonjour le monde",
+    }),
+    numberOfCar: enu({
+      "<-1": "Eksi bir arabadan az",
+      "-1": "Eksi bir araba",
+      "0": "Araba yok",
+      "1": "Bir araba",
+      ">5": "Bazı arabalar",
+      ">19": "Çok araba",
+    }),
+  },
+} satisfies Dictionary;
+
+export default component1Content;
+```
+
+### Kodunuzda İçeriği Kullanın
+
+İçeriğinizi bildirdikten sonra, kodunuzda kullanabilirsiniz. İşte React bileşeninde içeriği kullanma örneği:
+
+```tsx {4,7} fileName="src/components/Component1Example.tsx" codeFormat="typescript"
+"use client";
+
+import type { FC } from "react";
+import { useIntlayer } from "react-intlayer";
+
+export const Component1Example: FC = () => {
+  const { myTranslatedContent } = useIntlayer("component-1"); // İlgili içerik bildirimini oluşturun
+
+  return (
+    <div>
+      <p>{myTranslatedContent}</p>
+    </div>
+  );
+};
+```
+
+## React uygulamanızın uluslararasılaştırmasını ustalaşın
+
+Intlayer, React uygulamanızı uluslararasılaştırmanıza yardımcı olacak birçok özellik sağlar.
+
+**Bu özellikler hakkında daha fazla bilgi için [React Internationalization (i18n) with Intlayer and Vite and React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_with_vite+react.md) kılavuzuna Vite ve React uygulaması için, veya [React Internationalization (i18n) with Intlayer and React (CRA)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_with_create_react_app.md) kılavuzuna React Create App için bakın.**
+
+## `react-intlayer` paketi tarafından sağlanan fonksiyonlar
+
+`react-intlayer` paketi ayrıca uygulamanızı uluslararasılaştırmanıza yardımcı olacak bazı fonksiyonlar sağlar.
+
+- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/packages/react-intlayer/t.md)
+- [`useIntlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/packages/react-intlayer/useIntlayer.md)
+- [`useDictionary()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/packages/react-intlayer/useDictionary.md)
+- [`useLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/packages/react-intlayer/useLocale.md)
+
+## Dokümantasyon Geçmişi
+
+| Sürüm  | Tarih      | Değişiklikler     |
+| ------ | ---------- | ----------------- |
+| 5.5.10 | 2025-06-29 | Geçmiş başlatıldı |
+
+```
+
+```