@intlayer/docs 9.0.0-canary.3 → 9.0.0-canary.5

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

@@ -0,0 +1,136 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathname Hook Dokümantasyonu | next-intlayer
+description: next-intlayer paketi için usePathname hook'unun nasıl kullanılacağını öğrenin
+keywords:
+  - usePathname
+  - pathname
+  - locale
+  - Intlayer
+  - Internationalization
+  - Documentation
+  - Next.js
+  - JavaScript
+  - React
+slugs:
+  - doc
+  - packages
+  - next-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname aracı eklendi"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "Geçmişin başlatılması"
+author: aymericzip
+---
+
+# Next.js Entegrasyonu: `usePathname` Hook Dokümantasyonu
+
+`usePathname` hook'u, yerel ayar (locale) segmenti kaldırılmış olan geçerli Next.js yolunu (pathname) döndürür. Bu, yerel ayar ön ekini manuel olarak kaldırmak zorunda kalmadan, yerel ayar duyarlı gezinme oluşturmak (örneğin, hangi gezinme öğesinin aktif olduğunu belirlemek) için kullanışlıdır.
+
+## `usePathname`'i Next.js'te İçe Aktarma
+
+```typescript
+import { usePathname } from "next-intlayer";
+```
+
+## Genel Bakış
+
+`usePathname`, `next/navigation`'dan gelen Next.js'in yerleşik `usePathname()` fonksiyonunu sarar, herhangi bir arama parametresini (search params) ekler ve yerel ayar önekini `getPathWithoutLocale` aracılığıyla kaldırır. Her istemci tarafı gezinmesinde (client-side navigation) yeniden render (re-render) tetikler. Hook yalnızca Client Component'lerde kullanılabilir (`"use client"` gerektirir).
+
+## Kullanım
+
+```tsx fileName="src/components/NavItem.tsx" codeFormat={["typescript", "esm"]}
+"use client";
+
+import type { FC } from "react";
+import { usePathname } from "next-intlayer";
+
+type NavItemProps = {
+  href: string;
+  label: string;
+};
+
+const NavItem: FC<NavItemProps> = ({ href, label }) => {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+
+  return (
+    <a href={href} aria-current={isActive ? "page" : undefined}>
+      {label}
+    </a>
+  );
+};
+
+export default NavItem;
+```
+
+## Dönüş Değeri
+
+| Tip      | Açıklama                                                                                                              |
+| -------- | --------------------------------------------------------------------------------------------------------------------- |
+| `string` | Yerel ayar öneki ve yerel ayarla ilgili sorgu parametreleri (query parameters) kaldırılmış mevcut yol adı (pathname). |
+
+## Davranış
+
+- **Yerel ayar kırpma**: Başlangıçtaki yerel ayar segmentini kaldırır (örneğin `/tr/dashboard` → `/dashboard`).
+- **Arama parametresi kırpma**: Arama parametresi (search param) tabanlı yönlendirme modu kullanıldığında `?locale=...` sorgu parametresini de kaldırır.
+- **Reaktif**: Next.js App Router üzerinden yapılan her istemci tarafı gezinmede otomatik olarak güncellenir.
+- **SSR Güvenli**: İlk render sırasında sunucu tarafı yolu döndürür, ardından istemcideki arama parametrelerini eşitler (sync).
+
+## `useLocale` ile Karşılaştırma
+
+`next-intlayer`'dan alınan `useLocale`, dönüş değerinin bir parçası olarak zaten `pathWithoutLocale`'i sunar. Yerel ayar değiştirme işlevine ihtiyaç duymadan sadece yola (path) ihtiyacınız olduğunda `usePathname`'i kullanın.
+
+```tsx codeFormat={["typescript", "esm"]}
+// Hem yerel ayar durumuna hem de yola ihtiyacınız olduğunda:
+import { useLocale } from "next-intlayer";
+const { locale, pathWithoutLocale } = useLocale();
+
+// Sadece yola ihtiyacınız olduğunda:
+import { usePathname } from "next-intlayer";
+const pathname = usePathname();
+```
+
+## Örnek
+
+```tsx fileName="src/components/Sidebar.tsx" codeFormat={["typescript", "esm"]}
+"use client";
+
+import type { FC } from "react";
+import { usePathname } from "next-intlayer";
+
+const links = [
+  { href: "/dashboard", label: "Kontrol Paneli" },
+  { href: "/settings", label: "Ayarlar" },
+];
+
+const Sidebar: FC = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      {links.map(({ href, label }) => (
+        <a
+          key={href}
+          href={href}
+          style={{ fontWeight: pathname === href ? "bold" : "normal" }}
+        >
+          {label}
+        </a>
+      ))}
+    </nav>
+  );
+};
+
+export default Sidebar;
+```
+
+## İlgili Dokümanlar
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/next-intlayer/useLocale.md) — mevcut yerel ayar + yerel ayar değiştirici (ayrıca `pathWithoutLocale`'i de sunar)
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/intlayer/getPathWithoutLocale.md) — bu hook tarafından kullanılan temel yardımcı araç

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

@@ -14,6 +14,9 @@ slugs:
   - preact-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname yardımcı programı eklendi"
   - version: 8.0.0
     date: 2026-01-21
     changes: "Unified documentation for all exports"
@@ -40,12 +43,13 @@ npm install preact-intlayer
 
 ### Hook'lar
 
-| Hook            | Açıklama                                                                                                           | İlgili Doküman                                                                                    |
-| --------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------- |
-| `useIntlayer`   | `useDictionary` temel alınarak, ancak üretilen deklarasyondan sözlüğün optimize edilmiş bir sürümünü enjekte eder. | -                                                                                                 |
-| `useDictionary` | Sözlük gibi görünen nesneleri (anahtar, içerik) işler. `t()` çevirilerini, enum'ları vb. işler.                    | -                                                                                                 |
-| `useLocale`     | Mevcut locale'i ve bunu ayarlamak için bir fonksiyon döndürür.                                                     | -                                                                                                 |
-| `t`             | Mevcut locale'e göre içeriği seçer.                                                                                | [çeviri](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/translation.md) |
+| Hook            | Açıklama                                                                                                                                   | İlgili Doküman                                                                                                       |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- |
+| `useIntlayer`   | `useDictionary` temel alınarak, ancak üretilen deklarasyondan sözlüğün optimize edilmiş bir sürümünü enjekte eder.                         | -                                                                                                                    |
+| `useDictionary` | Sözlük gibi görünen nesneleri (anahtar, içerik) işler. `t()` çevirilerini, enum'ları vb. işler.                                            | -                                                                                                                    |
+| `useLocale`     | Mevcut locale'i ve bunu ayarlamak için bir fonksiyon döndürür.                                                                             | -                                                                                                                    |
+| `usePathname`   | Locale segmenti çıkarılmış şekilde mevcut pathname'i (yolu) döndüren hook'tur. `popstate` aracılığıyla tarayıcı gezinmelerine tepki verir. | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/preact-intlayer/usePathname.md) |
+| `t`             | Mevcut locale'e göre içeriği seçer.                                                                                                        | [çeviri](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/translation.md)                    |
 
 ### Bileşenler
 

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

@@ -0,0 +1,117 @@
+---
+createdAt: 2026-06-22
+updatedAt: 2026-06-22
+title: usePathname Hook Dokümantasyonu | preact-intlayer
+description: preact-intlayer paketi için usePathname hook'unun nasıl kullanılacağını öğrenin
+keywords:
+  - usePathname
+  - pathname
+  - locale
+  - Intlayer
+  - Uluslararasılaştırma
+  - Dokümantasyon
+  - Preact
+  - JavaScript
+slugs:
+  - doc
+  - packages
+  - preact-intlayer
+  - usePathname
+history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname yardımcı programı eklendi"
+  - version: 8.2.0
+    date: 2026-06-22
+    changes: "Geçmişi başlat"
+author: aymericzip
+---
+
+# Preact Entegrasyonu: `usePathname` Hook Dokümantasyonu
+
+`usePathname` hook'u, locale segmenti çıkarılmış olarak mevcut tarayıcı pathname'ini (yolu) döndürür. Bu, locale ön ekini manuel olarak kaldırmak zorunda kalmadan locale'e duyarlı bir navigasyon oluşturmak — örneğin, hangi navigasyon öğesinin aktif olduğunu belirlemek — için yararlıdır.
+
+## Preact'te `usePathname` İçe Aktarımı
+
+```typescript
+import { usePathname } from "preact-intlayer";
+```
+
+## Genel Bakış
+
+`usePathname`, `window.location.pathname` değerini okur, `getPathWithoutLocale` aracılığıyla locale ön ekini çıkarır ve tarayıcı her `popstate` olayı (geri/ileri gezinme) tetiklediğinde bileşeni yeniden render (re-render) eder. Sunucu tarafı oluşturma (SSR) sırasında boş bir dize (string) döndürür.
+
+## Kullanım
+
+```tsx fileName="src/components/NavItem.tsx"
+import type { FunctionComponent } from "preact";
+import { usePathname } from "preact-intlayer";
+
+type NavItemProps = {
+  href: string;
+  label: string;
+};
+
+const NavItem: FunctionComponent<NavItemProps> = ({ href, label }) => {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+
+  return (
+    <a href={href} aria-current={isActive ? "page" : undefined}>
+      {label}
+    </a>
+  );
+};
+
+export default NavItem;
+```
+
+## Dönüş Değeri
+
+| Tür      | Açıklama                                                                                                    |
+| -------- | ----------------------------------------------------------------------------------------------------------- |
+| `string` | Locale ön eki olmayan mevcut pathname (yol). Sunucu tarafı oluşturma (SSR) sırasında boş bir dize döndürür. |
+
+## Davranış
+
+- **Locale çıkarma (Locale stripping)**: Öndeki locale segmentini kaldırır (örn. `/tr/dashboard` → `/dashboard`).
+- **Reaktif**: `popstate` olaylarında (tarayıcı geri / ileri gezinme) otomatik olarak güncellenir.
+- **SSR güvenli (SSR-safe)**: `window` mevcut olmadığında `""` döndürür.
+- **Temizleme (Cleanup)**: Bileşen DOM'dan kaldırıldığında (unmount), `popstate` dinleyicisi otomatik olarak kaldırılır.
+
+## Örnek
+
+```tsx fileName="src/components/Sidebar.tsx"
+import type { FunctionComponent } from "preact";
+import { usePathname } from "preact-intlayer";
+
+const links = [
+  { href: "/dashboard", label: "Kontrol Paneli" },
+  { href: "/settings", label: "Ayarlar" },
+];
+
+const Sidebar: FunctionComponent = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav>
+      {links.map(({ href, label }) => (
+        <a
+          key={href}
+          href={href}
+          style={{ fontWeight: pathname === href ? "bold" : "normal" }}
+        >
+          {label}
+        </a>
+      ))}
+    </nav>
+  );
+};
+
+export default Sidebar;
+```
+
+## İlgili Konular
+
+- [`useLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/preact-intlayer/exports.md) — mevcut locale + locale değiştirici
+- [`getPathWithoutLocale`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/intlayer/getPathWithoutLocale.md) — bu hook tarafından kullanılan temel yardımcı program

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

@@ -14,6 +14,9 @@ slugs:
   - react-intlayer
   - exports
 history:
+  - version: 10.0.0
+    date: 2026-06-23
+    changes: "usePathname yardımcı programını ekle"
   - version: 7.5.14
     date: 2026-01-21
     changes: "Tüm dışa aktarımlar için birleşik dokümantasyon"
@@ -62,6 +65,7 @@ import "react-intlayer";
 | `useDictionaryDynamic` | Anahtara göre yüklenen dinamik sözlükleri işleyen hook. Yükleme durumları için dahili olarak React Suspense kullanır.                     | -                                                                                                                       |
 | `useLocale`            | İstemci tarafı hook; geçerli locale'i, varsayılan locale'i, kullanılabilir locale'leri ve locale'i güncellemek için bir fonksiyonu alır.  | [useLocale](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/react-intlayer/useLocale.md)         |
 | `useLocaleBase`        | Context'ten geçerli locale ve ilgili tüm alanları (locale, defaultLocale, availableLocales, setLocale) almak için hook.                   | -                                                                                                                       |
+| `usePathname`          | Yerel ayar segmenti kaldırılmış olarak mevcut yol adını (pathname) döndüren kanca. `popstate` üzerinden tarayıcı gezinmesine duyarlıdır.  | [usePathname](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/react-intlayer/usePathname.md)     |
 | `useRewriteURL`        | URL yeniden yazmalarını yönetmek için istemci tarafı hook. Geçerli pathname ve locale için bir rewrite kuralı varsa, URL'i günceller.     | [useRewriteURL](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/react-intlayer/useRewriteURL.md) |
 | `useI18n`              | Anahtara göre iç içe geçmiş içeriğe erişmek için `t()` çeviri fonksiyonunu sağlayan Hook. i18next/next-intl modelini taklit eder.         | [useI18n](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/packages/react-intlayer/useI18n.md)             |
 | `useIntl`              | Locale'e bağlı bir `Intl` nesnesi sağlayan Hook. Geçerli locale'i otomatik olarak enjekte eder ve optimize edilmiş önbellekleme kullanır. | -                                                                                                                       |

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

@@ -34,117 +34,6 @@ author: aymericzip
 
 Bu bölüm, React uygulamalarında görsel düzenleyici olmadan yerelleştirilmiş içeriği verimli bir şekilde yönetmek için `useDictionary` hook'unun kullanımına ilişkin detaylı rehberlik sağlar.
 
-## React'te `useDictionary` İçe Aktarma
-
-`useDictionary` hook'u, bağlama göre içe aktararak React uygulamalarına entegre edilebilir:
-
-- **İstemci Bileşeni:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer"; // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer"; // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer"); // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-- **Sunucu Bileşeni:**
-
-  ```typescript codeFormat="typescript"
-  import { useDictionary } from "react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useDictionary } from "react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useDictionary } = require("react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-## Parametreler
-
-Hook iki parametre kabul eder:
-
-1. **`dictionary`**: Belirli anahtarlar için yerelleştirilmiş içerik içeren bildirilen bir sözlük nesnesi.
-2. **`locale`** (isteğe bağlı): İstenen yerel ayar. Belirtilmezse, mevcut bağlamın yerel ayarına varsayılan olur.
-
-## Sözlük
-
-Tüm sözlük nesneleri, tür güvenliğini sağlamak ve çalışma zamanı hatalarını önlemek için yapılandırılmış içerik dosyalarında bildirilmelidir. [Kurulum talimatlarını burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/content_file.md) bulabilirsiniz. İşte içerik bildirimi örneği:
-
-```typescript fileName="./component.content.ts" contentDeclarationFormat={["typescript", "esm", "commonjs"]}
-import { t, type Dictionary } from "intlayer";
-
-const componentContent = {
-  key: "component-example",
-  content: {
-    title: t({
-      en: "Client Component Example",
-      fr: "Exemple de composant client",
-      es: "Ejemplo de componente cliente",
-    }),
-    content: t({
-      en: "This is the content of a client component example",
-      fr: "Ceci est le contenu d'un exemple de composant client",
-      es: "Este es el contenido de un ejemplo de componente cliente",
-    }),
-  },
-} satisfies Dictionary;
-
-export default componentContent;
-```
-
-```json fileName="./component.content.json" contentDeclarationFormat="json"
-{
-  "$schema": "https://intlayer.org/schema.json",
-  "key": "component-example",
-  "content": {
-    "title": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Client Component Example",
-        "fr": "Exemple de composant client",
-        "es": "Ejemplo de componente cliente"
-      }
-    },
-    "content": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "This is the content of a client component example",
-        "fr": "Ceci est le contenu d'un exemple de composant client",
-        "es": "Este es el contenido de un ejemplo de componente cliente"
-      }
-    }
-  }
-}
-```
-
-## React'te Örnek Kullanım
-
-Aşağıda `useDictionary` hook'unun bir React bileşeninde nasıl kullanılacağına ilişkin bir örnek verilmiştir:
-
-```tsx fileName="./ComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useDictionary } from "react-intlayer";
-import componentContent from "./component.content";
-
-const ComponentExample: FC = () => {
-  const { title, content } = useDictionary(componentContent);
-
-  return (
-    <div>
-      <h1>{title}</h1>
-      <p>{content}</p>
-    </div>
-  );
-};
-```
-
 ## Sunucu Entegrasyonu
 
 `useDictionary` hook'unu `IntlayerProvider` dışında kullanıyorsanız, bileşeni işlerken yerel ayar açıkça parametre olarak sağlanmalıdır:
@@ -166,14 +55,6 @@ const ServerComponentExample: FC<{ locale: string }> = ({ locale }) => {
 };
 ```
 
-## Özellikler Hakkında Notlar
-
-Görsel düzenleyiciler kullanan entegrasyonların aksine, `buttonTitle.value` gibi özellikler burada uygulanmaz. Bunun yerine, içeriği doğrudan bildirildiğiniz gibi erişin.
-
-```jsx
-<button title={content.title}>{content.content}</button>
-```
-
 ## Ek İpuçları
 
 - **Tür Güvenliği**: Tür güvenliğini sağlamak için her zaman sözlüklerinizi tanımlamak üzere `Dictionary` kullanın.

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

@@ -26,131 +26,6 @@ history:
 author: aymericzip
 ---
 
-# React Entegrasyonu: `useI18n` Hook Dokümantasyonu
-
-Bu bölüm, React uygulamalarında içerik yerelleştirmesini verimli bir şekilde etkinleştirmek için `useI18n` hook'unun nasıl kullanılacağına ilişkin detaylı rehberlik sağlar.
-
-## React'te `useI18n` İçe Aktarma
-
-`useI18n` hook'u, bağlama göre içe aktararak React uygulamalarına entegre edilebilir:
-
-- **İstemci Bileşenleri:**
-
-  ```typescript codeFormat="typescript"
-  import { useI18n } from "react-intlayer"; // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useI18n } from "react-intlayer"; // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useI18n } = require("react-intlayer"); // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-- **Sunucu Bileşenleri:**
-
-  ```typescript codeFormat="commonjs"
-  import { useI18n } from "react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useI18n } from "react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useI18n } = require("react-intlayer/server"); // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-## Parametreler
-
-Bu hook iki parametre kabul eder:
-
-1. **`namespace`**: Çeviri anahtarlarını kapsamak için bir sözlük ad alanı.
-2. **`locale`** (isteğe bağlı): İstenen yerel ayar. Belirtilmezse, bağlamın yerel ayarına varsayılan olur.
-
-## Sözlük
-
-Tüm sözlük anahtarları, tür güvenliğini geliştirmek ve hataları önlemek için içerik bildirim dosyalarında bildirilmelidir. [Yapılandırma talimatlarını burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/content_file.md) bulabilirsiniz.
-
-## React'te Kullanım Örnekleri
-
-React bileşenlerinde `useI18n` hook'unun kullanımı örnekleri:
-
-```tsx fileName="src/App.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { ClientComponentExample, ServerComponentExample } from "@components";
-import { IntlayerProvider } from "react-intlayer";
-import { useI18n, IntlayerServerProvider } from "react-intlayer/server";
-import { Locales } from "intlayer";
-
-const App: FC<{ locale: Locales }> = ({ locale }) => {
-  const t = useI18n("home-page", locale);
-
-  return (
-    <>
-      <p>{t("introduction")}</p>
-      <IntlayerProvider locale={locale}>
-        <ClientComponentExample />
-      </IntlayerProvider>
-      <IntlayerServerProvider locale={locale}>
-        <ServerComponentExample />
-      </IntlayerServerProvider>
-    </>
-  );
-};
-```
-
-```tsx fileName="src/components/ComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useI18n } from "react-intlayer";
-
-const ComponentExample: FC = () => {
-  const t = useI18n("component-example");
-
-  return (
-    <div>
-      <h1>{t("title")}</h1> {/* Başlığı görüntüle */}
-      <p>{t("description")}</p> {/* Açıklamayı görüntüle */}
-    </div>
-  );
-};
-```
-
-```tsx fileName="src/components/ServerComponentExample.tsx" codeFormat={["typescript", "esm"]}
-import { useI18n } from "react-intlayer/server";
-
-const ServerComponentExample = () => {
-  const t = useI18n("server-component");
-
-  return (
-    <div>
-      <h1>{t("title")}</h1> {/* Başlığı görüntüle */}
-      <p>{t("description")}</p> {/* Açıklamayı görüntüle */}
-    </div>
-  );
-};
-```
-
-## Özellik İşleme
-
-Özellikleri yerelleştirirken, çeviri değerlerine uygun şekilde erişin:
-
-```html
-<!-- Erişilebilirlik özellikleri için (örneğin, aria-label), saf dizeler gerekli olduğundan .value kullanın -->
-<button aria-label={t("button.ariaLabel").value}>{t("button.text")}</button>
-```
-
-## Ek Kaynaklar
-
-- **Intlayer Görsel Düzenleyici**: Daha sezgisel içerik yönetimi için görsel düzenleyici dokümantasyonuna [burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_visual_editor.md) bakın.
-
-Bu bölüm, React uygulamalarında `useI18n` hook'unun entegrasyonuna özel olarak odaklanır, yerelleştirme sürecini basitleştirir ve farklı yerel ayarlar arasında içerik tutarlılığını sağlar.
-
-## Dokümantasyon Geçmişi
-
-- 6.0.0 - 2025-06-29: `useI18n` hook dokümantasyonunun ilk yazımı
-
 # React Integration: `useI18n` Hook Documentation
 
 This section provides detailed guidance on how to use the `useI18n` hook within React applications, enabling efficient content localization.

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

@@ -29,49 +29,6 @@ author: aymericzip
 
 Bu bölüm, React uygulamalarında içerik yerelleştirmesini etkinleştirmek için `useIntlayer` hook'unun nasıl kullanılacağına ilişkin detaylı rehberlik sağlar.
 
-## React'te `useIntlayer` İçe Aktarma
-
-`useIntlayer` hook'u, bağlama göre içe aktararak React uygulamalarına entegre edilebilir:
-
-- **İstemci Bileşeni:**
-
-  ```typescript codeFormat="typescript"
-  import { useIntlayer } from "react-intlayer"; // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer"; // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer"); // İstemci tarafı React bileşenlerinde kullanılır
-  ```
-
-- **Sunucu Bileşeni:**
-
-  ```typescript codeFormat="commonjs"
-  import { useIntlayer } from "react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="esm"
-  import { useIntlayer } from "react-intlayer/server"; // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-  ```javascript codeFormat="commonjs"
-  const { useIntlayer } = require("react-intlayer/server"); // Sunucu tarafı React bileşenlerinde kullanılır
-  ```
-
-## Parametreler
-
-Hook iki parametre kabul eder:
-
-1. **`key`**: Yerelleştirilmiş içerik almak için sözlük anahtarı.
-2. **`locale`** (isteğe bağlı): İstenen yerel ayar. Belirtilmezse, bağlamın yerel ayarına varsayılan olur.
-
-## Sözlük
-
-Tüm sözlük anahtarları, tür güvenliğini geliştirmek ve hataları önlemek için içerik bildirim dosyalarında bildirilmelidir. [Kurulum talimatlarını burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/dictionary/content_file.md) bulabilirsiniz.
-
 ## React'te Örnek Kullanım
 
 React bileşeninde `useIntlayer` hook'unun gösterimi:
@@ -131,14 +88,6 @@ const ServerComponentExample = () => {
 };
 ```
 
-## Özellik İşleme
-
-Özellikleri yerelleştirirken, içerik değerlerine uygun şekilde erişin:
-
-```jsx
-<button title={content.buttonTitle.value}>{content.buttonText}</button>
-```
-
 ## Ek Kaynaklar
 
 - **Intlayer Görsel Düzenleyici**: Daha sezgisel içerik yönetimi için görsel düzenleyici dokümantasyonuna [burada](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_visual_editor.md) bakın.