@intlayer/docs 9.4.3 → 9.5.0

package/blog/tr/transform_existing_nextjs_app_using_compiler.md

@@ -0,0 +1,293 @@
+---
+createdAt: 2026-01-10
+updatedAt: 2026-09-06
+title: "Mevcut Bir Next.js Uygulamasını Sonradan Çok Dilli (i18n) Yapma Rehberi (2026)"
+description: "Mevcut bir Next.js uygulamasını kapsamlı bir yeniden yapılandırma olmadan sonradan çok dilli (i18n) yapma rehberi (2026). Intlayer ile otomatik içerik çıkarma, yapay zeka çevirisi ve yönlendirme."
+keywords:
+  - Next.js i18n
+  - Uluslararasılaştırma
+  - Mevcut Next.js uygulamasını çevirme
+  - Next.js 16
+  - Intlayer
+  - Çok dilli
+  - React i18n
+  - Derleyici
+  - Yapay Zeka Çevirisi
+  - SEO
+slugs:
+  - blog
+  - transform-existing-nextjs-app-into-multilingual-app
+applicationTemplate: https://github.com/aymericzip/intlayer-next-no-lolale-path-template
+youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
+history:
+  - version: 9.4.0
+    date: 2026-08-22
+    changes: "Update to Next.js >= 9.4.0 architecture"
+  - version: 8.9.0
+    date: 2026-05-04
+    changes: "Update Solid useIntlayer API usage to direct property access"
+  - version: 8.2.0
+    date: 2026-03-09
+    changes: "Update compiler options, add FilePathPattern support"
+  - version: 8.1.6
+    date: 2026-02-23
+    changes: "Initial release"
+author: aymericzip
+---
+
+# Mevcut Bir Next.js Uygulamasını Sonradan Çok Dilli (i18n) Yapma Rehberi (2026)
+
+Bir Next.js projesine ilk günden i18n eklemek nispeten kolaydır. Ancak tek bir dilde geliştirilmiş olgun bir Next.js uygulamasını **sonradan** çok dilli hale getirmeniz gerektiğinde ne yapmalısınız?
+
+`next-intl` veya `next-i18next` gibi geleneksel kütüphanelerle bu süreç oldukça zahmetlidir:
+
+- Yüzlerce JSX/TSX dosyasında sabit metinleri aramak.
+- JSON dosyaları oluşturup rastgele anahtarlar (`pages.dashboard.header.title`) uydurmak.
+- Metinleri `t('...')` gibi kancalarla değiştirmek.
+- Tüm `app/` dizinini `app/[locale]/...` yapısına taşımak ve mevcut bağlantıları bozmak.
+
+2026 yılında kodunuzu baştan yazmak zorunda değilsiniz. **Intlayer** ile otomatik çıkarma, yapay zeka çevirisi ve esnek yönlendirme sayesinde dakikalar içinde mevcut uygulamanıza çok dillilik kazandırabilirsiniz.
+
+> Next.js 16 App Router için adım adım kapsamlı teknik kılavuz mu arıyorsunuz? Belgelerimize göz atın: [Intlayer ile Next.js 16 Çevirisi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_with_nextjs_16.md).
+
+## İçindekiler
+
+<TOC/>
+
+## Sonradan Ekleme Zorluğu: Mevcut Uygulamayı Çok Dilli Yapmak Neden Zordur?
+
+Geliştiricilerin karşılaştığı 3 temel engel:
+
+1. **Kod Tabanının Bozulması**: Metinleri JSON dosyalarına manuel taşımak neredeyse her bileşeni değiştirmeyi gerektirir.
+2. **Yönlendirme Dayatması**: Geleneksel kütüphaneler sayfaları `[locale]` dinamik segmentine taşımayı zorunlu kılar.
+3. **Yorucu Çeviri Süreci**: Onlarca dilde JSON dosyalarını manuel yönetmek ciddi zaman alır.
+
+Intlayer bu sorunları **derleyici destekli çıkarma**, **bildirimsel sözlükler** ve **esnek yönlendirme** ile çözer.
+
+## Otomatik İçerik Çıkarma (Manuel Arama Yok)
+
+### Seçenek A: CLI Çıkarıcı (`npx intlayer extract`)
+
+Intlayer çıkarma komutunu doğrudan çalıştırın:
+
+```bash packageManager="npm"
+npx intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer extract
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer extract
+```
+
+```bash packageManager="bun"
+bunx intlayer extract
+```
+
+React bileşenlerindeki metinleri tespit eder ve yanlarına `.content.ts` bildirim dosyaları oluşturur.
+
+### Seçenek B: Intlayer Derleyicisi (Derleme Sırasında Çıkarma)
+
+Bileşenlerinize varsayılan dilde normal metinler yazmaya devam edin. Derleyici derleme anında metinleri çıkarıp yerelleştirilmiş içerikle bağlar:
+
+```tsx fileName="src/app/page.tsx"
+// Write normal React code. The compiler extracts the text automatically
+export default function HomePage() {
+  return (
+    <section>
+      <h1>Welcome to our platform</h1>
+      <p>Start exploring our modern features today.</p>
+    </section>
+  );
+}
+```
+
+Arka planda Intlayer sözlüğü oluşturur ve bileşeni yerelleştirilmiş içeriğe bağlayarak manuel yeniden düzenleme adımını tamamen ortadan kaldırır.
+
+Bu durumda, aşağıdaki içeriğe sahip bir `src/app/page.content.ts` dosyası oluşturulacaktır:
+
+```typescript fileName="src/app/page.content.ts"
+import { Dictionary } from "intlayer";
+
+const content = {
+  key: "home-page",
+  content: {
+    welcomeToOurPlatform: t({ en: "Welcome to our platform" }),
+    startExploringOurModernFeaturesToday: t({
+      en: "Start exploring our modern features today.",
+    }),
+  },
+};
+
+export default content;
+```
+
+## Tercih Ettiğiniz LLM ile Yapay Zeka Çevirisi
+
+İçerikler çıkarıldıktan sonra OpenAI, Anthropic, DeepSeek veya Mistral ile saniyeler içinde çevirin:
+
+```bash packageManager="npm"
+npx intlayer fill
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer fill
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer fill
+```
+
+```bash packageManager="bun"
+bunx intlayer fill
+```
+
+```typescript fileName="intlayer.config.ts"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH, Locales.GERMAN],
+    defaultLocale: Locales.ENGLISH,
+  },
+  ai: {
+    provider: "openai",
+    model: "gpt-4o-mini",
+    apiKey: process.env.OPENAI_API_KEY,
+    applicationContext: "Üretkenlik ve ekip işbirliği için SaaS kontrol paneli",
+  },
+};
+
+export default config;
+```
+
+`npx intlayer fill` komutunu çalıştırmak, `.content.ts` bildirimlerinizi yapılandırılan tüm diller için çevirilerle otomatik olarak doldurur:
+
+```typescript fileName="src/app/page.content.ts"
+import { Dictionary } from "intlayer";
+
+const content = {
+  key: "home-page",
+  content: {
+    welcomeToOurPlatform: t({
+      en: "Welcome to our platform",
+      fr: "Bienvenue sur notre plateforme",
+      es: "Bienvenido a nuestra plataforma",
+      tr: "Platformumuza Hoş Geldiniz",
+    }),
+    startExploringOurModernFeaturesToday: t({
+      en: "Start exploring our modern features today.",
+      fr: "Découvrez nos fonctionnalités modernes dès aujourd'hui.",
+      es: "Comience a explorar nuestras funciones modernas hoy.",
+      tr: "Modern özelliklerimizi hemen keşfetmeye başlayın.",
+    }),
+  },
+};
+
+export default content;
+```
+
+Intlayer, LLM'e üst düzey bir `applicationContext` sağladığından, oluşturulan çeviriler teknik nüansları, marka üslubunu ve dilbilgisi bağlamını geleneksel otomatik araçlara göre çok daha iyi korur.
+
+Canlıya almadan önce hiçbir metnin atlanmadığından emin olmak için:
+
+```bash
+npx intlayer test
+```
+
+## Mevcut URL'leri Bozmadan Çok Dilli Yönlendirme
+
+Intlayer farklı yönlendirme modlarını destekler:
+
+- **Sorgu Parametresi / Çerez Modu (`search-params`)**: `[locale]` klasörüne geçmeden mevcut `/app/page.tsx` yapısını koruyun.
+- **Ön Ek Modu (`prefix` / `prefix-all-locales`)**: SEO uyumlu yollar için kolay entegrasyon.
+
+Next.js entegrasyonunuzu saniyeler içinde yapılandırın:
+
+```typescript fileName="next.config.ts"
+import type { NextConfig } from "next";
+import { withIntlayer } from "next-intlayer/server";
+
+const nextConfig: NextConfig = {/* Your existing Next.js config */};
+
+export default withIntlayer(nextConfig);
+```
+
+Kök düzeninizi (root layout) `IntlayerProvider` ile sarın:
+
+```tsx fileName="src/app/layout.tsx"
+import type { ReactNode } from "react";
+import { IntlayerProvider } from "next-intlayer";
+import { getLocale } from "next-intlayer/server";
+import { getHTMLTextDir } from "intlayer";
+
+export default async function RootLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const locale = await getLocale();
+
+  return (
+    <html lang={locale} dir={getHTMLTextDir(locale)}>
+      <body>
+        <IntlayerProvider defaultLocale={locale}>{children}</IntlayerProvider>
+      </body>
+    </html>
+  );
+}
+```
+
+## Çok Dilli SEO
+
+Otomatik yerelleştirilmiş meta veriler ve `hreflang` etiketleri ile arama motorlarında küresel görünürlük kazanın:
+
+```tsx fileName="src/app/page.tsx"
+import type { Metadata } from "next";
+import { getLocale } from "next-intlayer/server";
+import { getIntlayer } from "intlayer";
+
+export const generateMetadata = async (): Promise<Metadata> => {
+  const locale = await getLocale();
+  const content = getIntlayer("home-page-metadata", locale);
+
+  return {
+    title: content.title,
+    description: content.description,
+  };
+};
+```
+
+## Daha Fazlası: Adım Adım Kurulum Rehberi
+
+Mevcut Next.js uygulamanızı 2026'da dönüştürmenin temellerini öğrendiniz. Middleware, SSG (`generateStaticParams`) ve sunucu bileşenleri hakkında detaylar için tam kılavuza bakın:
+
+👉 **[Next.js 16 Çevirisi Tam Rehberi (Intlayer)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_with_nextjs_16.md)**
+
+## Sıkça Sorulan Sorular (FAQ)
+
+<FAQ>
+
+<Question title="Dosyaları app/[locale] içine taşımadan uygulamamı çok dilli yapabilir miyim?">
+
+Evet. Intlayer `search-params` modu ve çerez tabanlı dil algılamayı destekler, klasör yapınızı korur.
+
+</Question>
+<Question title="Kodumdaki tüm metinleri tek tek manuel değiştirmeli miyim?">
+
+Hayır. `npx intlayer extract` komutu veya Intlayer derleyicisi metinleri otomatik olarak ayıklar.
+
+</Question>
+<Question title="Intlayer paket boyutunu next-intl'e kıyasla nasıl küçültür?">
+
+Bileşen bazlı sözlük yapısı ve derleme zamanı makro optimizasyonu sayesinde yalnızca kullanılan veriler paketlenir.
+
+</Question>
+<Question title="Mevcut bileşenlerimi yapay zeka ile otomatik çevirebilir miyim?">
+
+Evet. `npx intlayer fill` komutu popüler LLM'ler ile entegre çalışarak bağlama uygun çeviriler üretir.
+
+</Question>
+</FAQ>

package/blog/tr/transform_existing_vite_react_app_using_compiler.md

@@ -0,0 +1,358 @@
+---
+createdAt: 2024-03-07
+updatedAt: 2026-09-06
+title: "Mevcut Bir Vite ve React Uygulamasını Sonradan Çok Dilli (i18n) Yapma Rehberi (2026)"
+description: "Mevcut bir Vite ve React uygulamasını kapsamlı bir yeniden yapılandırma olmadan sonradan çok dilli (i18n) yapma rehberi (2026). Intlayer ile otomatik içerik çıkarma, yapay zeka çevirisi ve paket optimizasyonu."
+keywords:
+  - Vite i18n
+  - React i18n
+  - Uluslararasılaştırma
+  - Mevcut Vite uygulamasını çevirme
+  - Mevcut React uygulamasını çevirme
+  - Intlayer
+  - Çok dilli
+  - Derleyici
+  - Yapay Zeka Çevirisi
+  - SEO
+slugs:
+  - blog
+  - transform-existing-react-app-into-multilingual-app
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
+applicationShowcase: https://intlayer-vite-react-template.vercel.app
+youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
+history:
+  - version: 8.9.0
+    date: 2026-05-04
+    changes: "Update Solid useIntlayer API usage to direct property access"
+  - version: 8.2.0
+    date: 2026-03-09
+    changes: "Update compiler options, add FilePathPattern support"
+  - version: 8.1.6
+    date: 2026-02-23
+    changes: "Initial release"
+author: aymericzip
+---
+
+# Mevcut Bir Vite ve React Uygulamasını Sonradan Çok Dilli (i18n) Yapma Rehberi (2026)
+
+Bir Vite ve React projesine ilk günden i18n eklemek nispeten kolaydır. Ancak tek bir dilde geliştirilmiş olgun bir uygulamayı **sonradan** çok dilli hale getirmeniz gerektiğinde ne yapmalısınız?
+
+`react-i18next` veya `react-intl` gibi geleneksel kütüphanelerle bu süreç oldukça zahmetlidir:
+
+- Yüzlerce JSX ve TSX dosyasında sabit metinleri aramak.
+- JSON dosyaları oluşturup rastgele anahtarlar (`components.header.title` vb.) uydurmak.
+- Metinleri karmaşık `t('...')` gibi kancalarla değiştirmek.
+- İstemci tarafı yönlendirmeyi, durum yönetimini ve dil değiştirme mantığını baştan tasarlamak.
+
+2026 yılında kodunuzu baştan yazmak zorunda değilsiniz. **Intlayer** ile otomatik çıkarma, yapay zeka çevirisi ve sorunsuz Vite entegrasyonu sayesinde dakikalar içinde mevcut Vite ve React uygulamanıza çok dillilik kazandırabilirsiniz.
+
+> Vite ve React için adım adım kapsamlı teknik kılavuz mu arıyorsunuz? Belgelerimize göz atın: [Intlayer ile Vite ve React Çevirisi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_with_vite+react.md).
+
+## İçindekiler
+
+<TOC/>
+
+## Sonradan Ekleme Zorluğu: Mevcut Uygulamayı Çok Dilli Yapmak Neden Zordur?
+
+Geliştiricilerin karşılaştığı 3 temel engel:
+
+1. **Kod Tabanının Bozulması**: Dizeleri JSON sözlüklerine elle aktarmak neredeyse her bileşen dosyasının değiştirilmesini gerektirir. Bu durum devasa Git farkları, birleştirme çakışmaları ve görsel bozulma riskleri yaratır.
+2. **Anahtar Yönetimi Yükü**: Her metin parçası için `dashboard.hero.ctaButton` gibi anahtarlar uydurmak geliştirmeyi yavaşlatır ve her metin değişikliğinde ek zihinsel yük oluşturur.
+3. **Yorucu Çeviri Süreci**: Metinler çıkarıldıktan sonra bunları 5, 10 veya 20 dile çevirmek bitmek bilmeyen kopyala-yapıştır işlemleri veya pahalı dış çeviri servisleri gerektirir.
+
+Intlayer bu sorunları **derleyici destekli çıkarma**, **bileşen düzeyinde bildirimsel sözlükler** ve **doğal Vite entegrasyonu** ile çözer.
+
+## Otomatik İçerik Çıkarma (Elle Metin Aramaya Son)
+
+JSX kodunuzdan her dizeyi elle kopyalamak yerine, Intlayer iki pratik yol sunar:
+
+### Seçenek A: CLI Çıkarma Aracı (`npx intlayer extract`)
+
+Intlayer çıkarma aracını doğrudan kod tabanınızda çalıştırabilirsiniz:
+
+```bash packageManager="npm"
+npx intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer extract
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer extract
+```
+
+```bash packageManager="bun"
+bunx intlayer extract
+```
+
+Bu komut React bileşenlerinizi analiz eder, kullanıcıya dönük metinleri tespit eder ve bileşenlerin hemen yanında içerik bildirim dosyalarını (`.content.ts`) otomatik olarak oluşturur. Bileşen mantığı bildirimsel, temiz ve tip güvenli kalır.
+
+### Seçenek B: Intlayer Derleyicisi (Derleme Sırasında Çıkarma)
+
+Yapılandırmanızda Intlayer derleyicisini etkinleştirdiğinizde, bileşenlerinizi varsayılan dilde düz metinlerle yazmaya devam edebilirsiniz. Derleme anında derleyici metinleri çıkarır ve yerelleştirilmiş içeriği otomatik olarak enjekte eder:
+
+```tsx fileName="src/App.tsx"
+// Normal React kodu yazın. Derleyici metinleri otomatik olarak çıkarır
+export default function App() {
+  return (
+    <section>
+      <h1>Platformumuza Hoş Geldiniz</h1>
+      <p>Modern özellikleri keşfetmeye hemen başlayın.</p>
+    </section>
+  );
+}
+```
+
+Arka planda Intlayer sözlüğü oluşturur ve bileşeni yerelleştirilmiş içeriğiyle bağlar; böylece manuel yeniden yapılandırma adımı tamamen ortadan kalkar.
+
+Bu durumda aşağıdaki yapıya sahip bir `src/App.content.ts` bildirim dosyası üretilir:
+
+```typescript fileName="src/App.content.ts"
+import { Dictionary } from "intlayer";
+
+const content = {
+  key: "app",
+  content: {
+    platformumuzaHosGeldiniz: t({
+      tr: "Platformumuza Hoş Geldiniz",
+    }),
+    modernOzellikleriKesfetmeye: t({
+      tr: "Modern özellikleri keşfetmeye hemen başlayın.",
+    }),
+  },
+};
+
+export default content;
+```
+
+## Favori LLM Modeliniz ile Yapay Zeka Destekli Çeviri
+
+İçerik çıkarıldıktan sonra onlarca dile çevirmek günler sürmemelidir. Intlayer, kendi API anahtarlarınızı kullanarak doğrudan OpenAI, Anthropic, DeepSeek veya Mistral ile iletişim kuran yerleşik bir yapay zeka çeviri CLI aracına sahiptir:
+
+```bash packageManager="npm"
+npx intlayer fill
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer fill
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer fill
+```
+
+```bash packageManager="bun"
+bunx intlayer fill
+```
+
+Dillerinizi ve yapay zeka sağlayıcınızı `intlayer.config.ts` dosyasında yapılandırın:
+
+```typescript fileName="intlayer.config.ts"
+import { Locales, type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [
+      Locales.ENGLISH,
+      Locales.FRENCH,
+      Locales.SPANISH,
+      Locales.TURKISH,
+    ],
+    defaultLocale: Locales.TURKISH,
+  },
+  ai: {
+    provider: "openai",
+    model: "gpt-4o-mini",
+    apiKey: process.env.OPENAI_API_KEY,
+    applicationContext:
+      "Vite ve React ile inşa edilmiş modern SaaS uygulaması ve gösterge paneli",
+  },
+};
+
+export default config;
+```
+
+`npx intlayer fill` komutunu çalıştırmak, tüm yapılandırılmış diller için bildirim dosyalarınızı yüksek kaliteli çevirilerle doldurur:
+
+```typescript fileName="src/App.content.ts"
+import { Dictionary } from "intlayer";
+
+const content = {
+  key: "app",
+  content: {
+    platformumuzaHosGeldiniz: t({
+      tr: "Platformumuza Hoş Geldiniz",
+      en: "Welcome to our platform",
+      fr: "Bienvenue sur notre plateforme",
+      es: "Bienvenido a nuestra plataforma",
+    }),
+    modernOzellikleriKesfetmeye: t({
+      tr: "Modern özellikleri keşfetmeye hemen başlayın.",
+      en: "Start exploring our modern features today.",
+      fr: "Découvrez nos fonctionnalités modernes dès aujourd'hui.",
+      es: "Comience a explorar nuestras funciones modernas hoy.",
+    }),
+  },
+};
+
+export default content;
+```
+
+Intlayer modele `applicationContext` sağladığı için üretilen çeviriler teknik bağlamı, marka tonunu ve dilbilgisi ayrıntılarını geleneksel araçlara kıyasla çok daha iyi korur.
+
+Yayına almadan önce çevrilmemiş metin kalıp kalmadığını denetlemek için:
+
+```bash
+npx intlayer test
+```
+
+## Vite Entegrasyonu ve Provider Kurulumu
+
+Intlayer'ı Vite'a entegre etmek yalnızca eklentiyi `vite.config.ts` dosyasına eklemeyi ve kök bileşeni `IntlayerProvider` ile sarmalamayı gerektirir:
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import { intlayer } from "vite-intlayer";
+
+export default defineConfig({
+  plugins: [react(), intlayer()],
+});
+```
+
+> Intlayer v9'dan itibaren derleyici doğrudan `intlayer()` eklentisine dahil edilmiştir ve `intlayer.config.ts` içinde `compiler.enabled` ayarlandığında otomatik olarak devreye girer.
+
+Uygulamanızı kök bileşende `IntlayerProvider` ile sarmalayın:
+
+```tsx fileName="src/App.tsx"
+import { FC } from "react";
+import { IntlayerProvider } from "react-intlayer";
+import { MainContent } from "./MainContent";
+
+const App: FC = () => {
+  return (
+    <IntlayerProvider>
+      <MainContent />
+    </IntlayerProvider>
+  );
+};
+
+export default App;
+```
+
+### Dili Dinamik Olarak Değiştirme
+
+Uygulamanızın herhangi bir yerinde `useLocale` kancasını kullanarak diller arasında kolayca geçiş yapabilirsiniz:
+
+```tsx fileName="src/components/LocaleSwitcher.tsx"
+import { FC } from "react";
+import { Locales } from "intlayer";
+import { useLocale } from "react-intlayer";
+
+export const LocaleSwitcher: FC = () => {
+  const { locale, setLocale, availableLocales } = useLocale();
+
+  return (
+    <select
+      value={locale}
+      onChange={(e) => setLocale(e.target.value as Locales)}
+    >
+      {availableLocales.map((loc) => (
+        <option key={loc} value={loc}>
+          {loc}
+        </option>
+      ))}
+    </select>
+  );
+};
+```
+
+## Çok Dilli SEO (Sitemap ve Robots.txt)
+
+Intlayer, statik Vite dağıtımları için arama motorlarıyla uyumlu `sitemap.xml` ve `robots.txt` çıktıları üreten `generateSitemap` ve `getMultilingualUrls` gibi yardımcı araçlar barındırır:
+
+```javascript fileName="generate-seo.mjs"
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+import { generateSitemap, getMultilingualUrls } from "intlayer";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const SITE_URL = (process.env.SITE_URL || "https://example.com").replace(
+  /\/$/,
+  ""
+);
+
+const pathList = [
+  { path: "/", changefreq: "daily", priority: 1.0 },
+  { path: "/about", changefreq: "monthly", priority: 0.7 },
+];
+
+const sitemapXml = generateSitemap(pathList, { siteUrl: SITE_URL });
+fs.writeFileSync(path.join(__dirname, "public", "sitemap.xml"), sitemapXml);
+
+const getAllMultilingualUrls = (urls) =>
+  urls.flatMap((url) => Object.values(getMultilingualUrls(url)));
+
+const disallowedPaths = getAllMultilingualUrls(["/admin", "/private"]);
+
+const robotsTxt = [
+  "User-agent: *",
+  "Allow: /",
+  ...disallowedPaths.map((path) => `Disallow: ${path}`),
+  "",
+  `Sitemap: ${SITE_URL}/sitemap.xml`,
+].join("\n");
+
+fs.writeFileSync(path.join(__dirname, "public", "robots.txt"), robotsTxt);
+console.log("SEO dosyaları başarıyla oluşturuldu.");
+```
+
+Bu betiği `vite build` işleminden önce çalıştırmak için `package.json` dosyanıza bir `prebuild` kancası ekleyin:
+
+```json fileName="package.json"
+{
+  "scripts": {
+    "dev": "vite",
+    "prebuild": "node generate-seo.mjs",
+    "build": "vite build",
+    "preview": "vite preview"
+  }
+}
+```
+
+## Derinlemesine İnceleme: Adım Adım Kuruluma Hazır mısınız?
+
+Bu rehber, 2026 yılında mimari zorluklar yaşamadan mevcut bir Vite ve React uygulamasına çok dillilik ekleme yaklaşımına genel bir bakış sundu.
+
+Eksiksiz TypeScript tip güvenliği, dinamik sözlükler ve görsel editör dahil olmak üzere tüm yapılandırma ayrıntılarını adım adım öğrenmek için ayrıntılı kılavuzumuza göz atın:
+
+👉 **[Intlayer ile Vite ve React Çevirisi İçin Tam Kılavuz](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_with_vite+react.md)**
+
+## Sıkça Sorulan Sorular (FAQ)
+
+<FAQ>
+
+<Question title="Tüm metinleri elle değiştirmeden Vite ve React uygulamamı çok dilli yapabilir miyim?">
+
+Evet. `npx intlayer extract` komutunu çalıştırarak sabit metinleri otomatik olarak yerelleştirilmiş içerik bildirim dosyalarına çıkarabilir veya standart JSX yazarken bileşenleri derleme anında dönüştüren Intlayer derleyicisini kullanabilirsiniz.
+
+</Question>
+<Question title="react-i18next veya react-intl ile karşılaştırıldığında Intlayer Vite paket boyutunu nasıl küçültür?">
+
+Intlayer, bileşen başına sözlük tanımları ve derleme zamanı makro optimizasyonu kullanır. Paketleriniz, devasa JSON dosyalarını yüklemek yerine yalnızca ekranda oluşturulan bileşenlerin gereksinim duyduğu alanları alır. Dinamik sözlükler de dillerin isteğe bağlı yüklenmesini sağlar.
+
+</Question>
+<Question title="Mevcut bileşenlerimi birden fazla dile çevirmek için yapay zeka kullanabilir miyim?">
+
+Evet. Intlayer CLI, yapılandırılmış tüm dillerde eksik çevirileri bağlamsal olarak tamamlamak üzere tercih ettiğiniz yapay zeka sağlayıcısına (OpenAI, Anthropic, Mistral, DeepSeek) bağlanan `npx intlayer fill` komutuna sahiptir.
+
+</Question>
+<Question title="Bileşenleri yeniden yazmadan react-i18next veya react-intl kütüphanesinden geçiş yapabilir miyim?">
+
+Evet. Intlayer hem `react-i18next` ve `react-intl` için uyumluluk adaptörleri hem de mevcut JSON çeviri dosyalarını senkronize eden eklentiler (`sync-json`) sunar.
+
+</Question>
+
+</FAQ>