npm - @intlayer/docs - Versions diffs - 7.5.6 → 7.5.7 - Mend

@intlayer/docs 7.5.6 → 7.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (173) hide show

package/blog/ar/intlayer_with_i18next.md +4 -4
package/blog/ar/intlayer_with_next-i18next.md +4 -4
package/blog/ar/intlayer_with_next-intl.md +4 -4
package/blog/ar/intlayer_with_react-i18next.md +4 -4
package/blog/ar/intlayer_with_react-intl.md +4 -4
package/blog/ar/intlayer_with_vue-i18n.md +4 -4
package/blog/de/intlayer_with_i18next.md +4 -4
package/blog/de/intlayer_with_next-i18next.md +4 -4
package/blog/de/intlayer_with_next-intl.md +4 -4
package/blog/de/intlayer_with_react-i18next.md +4 -4
package/blog/de/intlayer_with_react-intl.md +4 -4
package/blog/de/intlayer_with_vue-i18n.md +4 -4
package/blog/en/intlayer_with_i18next.md +4 -4
package/blog/en/intlayer_with_next-i18next.md +4 -4
package/blog/en/intlayer_with_next-intl.md +4 -4
package/blog/en/intlayer_with_react-i18next.md +4 -4
package/blog/en/intlayer_with_react-intl.md +4 -4
package/blog/en/intlayer_with_vue-i18n.md +4 -4
package/blog/en-GB/intlayer_with_i18next.md +4 -4
package/blog/en-GB/intlayer_with_next-i18next.md +4 -4
package/blog/en-GB/intlayer_with_next-intl.md +4 -4
package/blog/en-GB/intlayer_with_react-i18next.md +4 -4
package/blog/en-GB/intlayer_with_react-intl.md +4 -4
package/blog/en-GB/intlayer_with_vue-i18n.md +4 -4
package/blog/es/intlayer_with_i18next.md +4 -4
package/blog/es/intlayer_with_next-i18next.md +4 -4
package/blog/es/intlayer_with_next-intl.md +4 -4
package/blog/es/intlayer_with_react-i18next.md +4 -4
package/blog/es/intlayer_with_react-intl.md +4 -4
package/blog/es/intlayer_with_vue-i18n.md +4 -4
package/blog/fr/intlayer_with_i18next.md +4 -4
package/blog/fr/intlayer_with_next-i18next.md +4 -4
package/blog/fr/intlayer_with_next-intl.md +4 -4
package/blog/fr/intlayer_with_react-i18next.md +4 -4
package/blog/fr/intlayer_with_react-intl.md +4 -4
package/blog/fr/intlayer_with_vue-i18n.md +4 -4
package/blog/hi/intlayer_with_i18next.md +4 -4
package/blog/hi/intlayer_with_next-i18next.md +4 -4
package/blog/hi/intlayer_with_next-intl.md +4 -4
package/blog/hi/intlayer_with_react-i18next.md +4 -4
package/blog/hi/intlayer_with_react-intl.md +4 -4
package/blog/hi/intlayer_with_vue-i18n.md +4 -4
package/blog/id/intlayer_with_i18next.md +4 -4
package/blog/id/intlayer_with_next-i18next.md +4 -4
package/blog/id/intlayer_with_next-intl.md +4 -4
package/blog/id/intlayer_with_react-i18next.md +4 -4
package/blog/id/intlayer_with_react-intl.md +4 -4
package/blog/id/intlayer_with_vue-i18n.md +4 -4
package/blog/it/intlayer_with_i18next.md +4 -4
package/blog/it/intlayer_with_next-i18next.md +4 -4
package/blog/it/intlayer_with_next-intl.md +4 -4
package/blog/it/intlayer_with_react-i18next.md +4 -4
package/blog/it/intlayer_with_react-intl.md +4 -4
package/blog/it/intlayer_with_vue-i18n.md +4 -4
package/blog/ja/intlayer_with_i18next.md +4 -4
package/blog/ja/intlayer_with_next-i18next.md +4 -4
package/blog/ja/intlayer_with_next-intl.md +4 -4
package/blog/ja/intlayer_with_react-i18next.md +4 -4
package/blog/ja/intlayer_with_react-intl.md +4 -4
package/blog/ja/intlayer_with_vue-i18n.md +4 -4
package/blog/ko/intlayer_with_i18next.md +4 -4
package/blog/ko/intlayer_with_next-i18next.md +4 -4
package/blog/ko/intlayer_with_next-intl.md +4 -4
package/blog/ko/intlayer_with_react-i18next.md +4 -4
package/blog/ko/intlayer_with_react-intl.md +4 -4
package/blog/ko/intlayer_with_vue-i18n.md +4 -4
package/blog/pl/intlayer_with_i18next.md +4 -4
package/blog/pl/intlayer_with_next-i18next.md +4 -4
package/blog/pl/intlayer_with_next-intl.md +4 -4
package/blog/pl/intlayer_with_react-i18next.md +4 -4
package/blog/pl/intlayer_with_react-intl.md +4 -4
package/blog/pl/intlayer_with_vue-i18n.md +4 -4
package/blog/pt/intlayer_with_i18next.md +4 -4
package/blog/pt/intlayer_with_next-i18next.md +4 -4
package/blog/pt/intlayer_with_next-intl.md +4 -4
package/blog/pt/intlayer_with_react-i18next.md +4 -4
package/blog/pt/intlayer_with_react-intl.md +4 -4
package/blog/pt/intlayer_with_vue-i18n.md +4 -4
package/blog/ru/intlayer_with_i18next.md +4 -4
package/blog/ru/intlayer_with_next-i18next.md +4 -4
package/blog/ru/intlayer_with_next-intl.md +4 -4
package/blog/ru/intlayer_with_react-i18next.md +4 -4
package/blog/ru/intlayer_with_react-intl.md +4 -4
package/blog/ru/intlayer_with_vue-i18n.md +4 -4
package/blog/tr/intlayer_with_i18next.md +4 -4
package/blog/tr/intlayer_with_next-i18next.md +4 -4
package/blog/tr/intlayer_with_next-intl.md +4 -4
package/blog/tr/intlayer_with_react-i18next.md +4 -4
package/blog/tr/intlayer_with_react-intl.md +4 -4
package/blog/tr/intlayer_with_vue-i18n.md +4 -4
package/blog/vi/intlayer_with_i18next.md +4 -4
package/blog/vi/intlayer_with_next-i18next.md +4 -4
package/blog/vi/intlayer_with_next-intl.md +4 -4
package/blog/vi/intlayer_with_react-i18next.md +4 -4
package/blog/vi/intlayer_with_react-intl.md +4 -4
package/blog/vi/intlayer_with_vue-i18n.md +4 -4
package/blog/zh/intlayer_with_i18next.md +4 -4
package/blog/zh/intlayer_with_next-i18next.md +4 -4
package/blog/zh/intlayer_with_next-intl.md +4 -4
package/blog/zh/intlayer_with_react-i18next.md +4 -4
package/blog/zh/intlayer_with_react-intl.md +4 -4
package/blog/zh/intlayer_with_vue-i18n.md +4 -4
package/docs/ar/intlayer_with_next-i18next.md +3 -3
package/docs/ar/intlayer_with_next-intl.md +3 -3
package/docs/ar/intlayer_with_react_router_v7.md +72 -16
package/docs/ar/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/docs/de/intlayer_with_next-i18next.md +3 -3
package/docs/de/intlayer_with_next-intl.md +3 -3
package/docs/de/intlayer_with_react_router_v7.md +72 -15
package/docs/de/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/en/configuration.md +1 -0
package/docs/en/intlayer_with_next-i18next.md +3 -3
package/docs/en/intlayer_with_next-intl.md +3 -3
package/docs/en/intlayer_with_react_router_v7.md +74 -15
package/docs/en/intlayer_with_react_router_v7_fs_routes.md +98 -19
package/docs/en-GB/configuration.md +1 -0
package/docs/en-GB/intlayer_with_next-i18next.md +3 -3
package/docs/en-GB/intlayer_with_next-intl.md +3 -3
package/docs/en-GB/intlayer_with_react_router_v7.md +73 -16
package/docs/en-GB/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/docs/es/intlayer_with_next-i18next.md +3 -3
package/docs/es/intlayer_with_next-intl.md +3 -3
package/docs/es/intlayer_with_react_router_v7.md +72 -15
package/docs/es/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/fr/intlayer_with_next-i18next.md +3 -3
package/docs/fr/intlayer_with_next-intl.md +3 -3
package/docs/fr/intlayer_with_react_router_v7.md +72 -15
package/docs/fr/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/hi/intlayer_with_next-i18next.md +3 -3
package/docs/hi/intlayer_with_next-intl.md +3 -3
package/docs/hi/intlayer_with_react_router_v7.md +72 -16
package/docs/hi/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/docs/id/intlayer_with_next-i18next.md +3 -3
package/docs/id/intlayer_with_next-intl.md +3 -3
package/docs/id/intlayer_with_react_router_v7.md +72 -15
package/docs/id/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/docs/it/intlayer_with_next-i18next.md +3 -3
package/docs/it/intlayer_with_next-intl.md +3 -3
package/docs/it/intlayer_with_react_router_v7.md +72 -15
package/docs/it/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/ja/intlayer_with_next-i18next.md +3 -3
package/docs/ja/intlayer_with_next-intl.md +3 -3
package/docs/ja/intlayer_with_react_router_v7.md +72 -15
package/docs/ja/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/ko/intlayer_with_next-i18next.md +3 -3
package/docs/ko/intlayer_with_next-intl.md +3 -3
package/docs/ko/intlayer_with_react_router_v7.md +72 -15
package/docs/ko/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/docs/pl/intlayer_with_next-i18next.md +3 -3
package/docs/pl/intlayer_with_next-intl.md +3 -3
package/docs/pl/intlayer_with_react_router_v7.md +45 -13
package/docs/pl/intlayer_with_react_router_v7_fs_routes.md +94 -18
package/docs/pt/intlayer_with_next-i18next.md +3 -3
package/docs/pt/intlayer_with_next-intl.md +3 -3
package/docs/pt/intlayer_with_react_router_v7.md +79 -46
package/docs/pt/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/ru/intlayer_with_next-i18next.md +3 -3
package/docs/ru/intlayer_with_next-intl.md +3 -3
package/docs/ru/intlayer_with_react_router_v7.md +72 -15
package/docs/ru/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/tr/intlayer_with_next-i18next.md +3 -3
package/docs/tr/intlayer_with_next-intl.md +3 -3
package/docs/tr/intlayer_with_react_router_v7.md +72 -15
package/docs/tr/intlayer_with_react_router_v7_fs_routes.md +95 -19
package/docs/vi/intlayer_with_next-i18next.md +3 -3
package/docs/vi/intlayer_with_next-intl.md +3 -3
package/docs/vi/intlayer_with_react_router_v7.md +72 -15
package/docs/vi/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/docs/zh/intlayer_with_next-i18next.md +3 -3
package/docs/zh/intlayer_with_next-intl.md +3 -3
package/docs/zh/intlayer_with_react_router_v7.md +72 -15
package/docs/zh/intlayer_with_react_router_v7_fs_routes.md +2 -0
package/package.json +6 -6

package/docs/ru/intlayer_with_react_router_v7.md CHANGED Viewed

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-09-04
-updatedAt: 2025-10-03
+updatedAt: 2025-12-27
 title: Как перевести ваше React Router v7 – руководство i18n 2025
 description: Узнайте, как добавить интернационализацию (i18n) в ваше приложение на React Router v7 с помощью Intlayer. Следуйте этому подробному руководству, чтобы сделать ваше приложение многоязычным с маршрутизацией, учитывающей локаль.
 keywords:
@@ -20,6 +20,9 @@ slugs:
 applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-template
 youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
 history:
+  - version: 7.5.6
+    date: 2025-12-27
+    changes: Обновить Layout и обработать 404
   - version: 6.1.5
     date: 2025-10-03
     changes: Обновлена документация
@@ -173,10 +176,8 @@ export default defineConfig({
 import { layout, route, type RouteConfig } from "@react-router/dev/routes";
 export default [
-  layout("routes/layout.tsx", [
-    route("/:lang?", "routes/page.tsx"), // Локализованная главная страница
-    route("/:lang?/about", "routes/about/page.tsx"), // Локализованная страница "О нас"
-  ]),
+  route("/:lang?", "routes/page.tsx"), // Локализованная главная страница
+  route("/:lang?/about", "routes/about/page.tsx"), // Локализованная страница "О нас"
 ] satisfies RouteConfig;
 ```
@@ -186,19 +187,50 @@ export default [
 #### Корневой Layout
-```tsx fileName="app/routes/layout.tsx"
+```tsx fileName="app/root.tsx"
+import { getLocaleFromPath } from "intlayer";
 import { IntlayerProvider } from "react-intlayer";
-import { Outlet } from "react-router";
+import {
+  data,
+  Meta,
+  Scripts,
+  ScrollRestoration,
+  useLoaderData,
+} from "react-router";
+import type { Route } from "./+types/root";
-import type { Route } from "./+types/layout";
+// ... Unchanged App, links and ErrorBoundary code
-export default function RootLayout({ params }: Route.ComponentProps) {
-  const { locale } = params;
+export async function loader({ request }: Route.LoaderArgs) {
+  const locale = getLocaleFromPath(request.url);
+  if (!locale) {
+    throw data("Language not supported", { status: 404 });
+  }
+  return { locale };
+}
+export function Layout({
+  children,
+}: { children: React.ReactNode } & Route.ComponentProps) {
+  const data = useLoaderData<typeof loader>();
+  const { locale } = data ?? {};
   return (
-    <IntlayerProvider locale={locale}>
-      <Outlet />
-    </IntlayerProvider>
+    <html lang={locale}>
+      <head>
+        <meta charSet="utf-8" />
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <IntlayerProvider locale={locale}>{children}</IntlayerProvider>
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
   );
 }
 ```
@@ -312,9 +344,34 @@ export const useLocalizedNavigate = () => {
 #### Локализованная главная страница
-```tsx fileName="app/routes/[lang]/page.tsx"
+```tsx fileName="app/routes/page.tsx"
+import { getIntlayer, validatePrefix } from "intlayer";
 import { useIntlayer } from "react-intlayer";
-import { LocalizedLink } from "~/components/localized-link";
+import { data } from "react-router";
+import { LocaleSwitcher } from "~/components/locale-switcher";
+import { Navbar } from "~/components/navbar";
+import type { Route } from "./+types/page";
+export const loader = ({ params }: Route.LoaderArgs) => {
+  const { locale } = params;
+  const { isValid } = validatePrefix(locale);
+  if (!isValid) {
+    throw data("Locale not supported", { status: 404 });
+  }
+};
+export const meta: Route.MetaFunction = ({ params }) => {
+  const content = getIntlayer("page", params.locale);
+  return [
+    { title: content.title },
+    { content: content.description, name: "description" },
+  ];
+};
 export default function Page() {
   const { title, description, aboutLink } = useIntlayer("page");

package/docs/ru/intlayer_with_react_router_v7_fs_routes.md CHANGED Viewed

@@ -31,6 +31,8 @@ history:
 Это руководство демонстрирует, как интегрировать **Intlayer** для бесшовной интернационализации в проектах на React Router v7 с использованием **маршрутизации на основе файловой системы** (`@react-router/fs-routes`) с маршрутизацией, учитывающей локаль, поддержкой TypeScript и современными практиками разработки.
+Для клиентской маршрутизации обратитесь к руководству [Intlayer с React Router v7](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ru/intlayer_with_react_router_v7.md).
 ## Table of Contents
 <TOC/>
@@ -197,12 +199,13 @@ export default routes;
 #### Структура файлов
 ```bash
-app/routes/
-├── ($locale)._layout.tsx        # Обертка layout для маршрутов локали
-├── ($locale)._index.tsx         # Главная страница (/:locale?)
-├── ($locale)._index.content.ts  # Контент главной страницы
-├── ($locale).about.tsx          # Страница "О нас" (/:locale?/about)
-└── ($locale).about.content.ts   # Контент страницы "О нас"
+app/
+├── root.tsx                         # Обертка layout для маршрутов локали
+└──routes/
+    ├── ($locale)._index.tsx         # Главная страница (/, /es, и т.д.)
+    ├── ($locale)._index.content.ts  # Контент главной страницы
+    ├── ($locale).about.tsx          # Страница "О нас" (/about, /es/about, и т.д.)
+    └── ($locale).about.content.ts   # Контент страницы "О нас"
 ```
 Соглашения об именовании:
@@ -214,23 +217,50 @@ app/routes/
 #### Компонент Layout
-```tsx fileName="app/routes/($locale)._layout.tsx"
+```tsx fileName="app/root.tsx"
+import { getLocaleFromPath } from "intlayer";
 import { IntlayerProvider } from "react-intlayer";
-import { Outlet } from "react-router";
+import {
+  isRouteErrorResponse,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useLoaderData,
+} from "react-router";
-import { useI18nHTMLAttributes } from "~/hooks/useI18nHTMLAttributes";
+import type { Route } from "./+types/root";
-import type { Route } from "./+types/($locale)._layout";
+import "./app.css";
-export default function RootLayout({ params }: Route.ComponentProps) {
-  useI18nHTMLAttributes();
+// links and ErrorBoundary code
-  const { locale } = params;
+export async function loader({ request }: Route.LoaderArgs) {
+  const locale = getLocaleFromPath(request.url);
+  return { locale };
+}
+export function Layout({
+  children,
+}: { children: React.ReactNode } & Route.ComponentProps) {
+  const data = useLoaderData<typeof loader>();
+  const { locale } = data ?? {};
   return (
-    <IntlayerProvider locale={locale}>
-      <Outlet />
-    </IntlayerProvider>
+    <html lang={locale}>
+      <head>
+        <meta charSet="utf-8" />
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <IntlayerProvider locale={locale}>{children}</IntlayerProvider>
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
   );
 }
 ```
@@ -238,11 +268,34 @@ export default function RootLayout({ params }: Route.ComponentProps) {
 #### Индексная страница
 ```tsx fileName="app/routes/($locale)._index.tsx"
+import { getIntlayer, validatePrefix } from "intlayer";
 import { useIntlayer } from "react-intlayer";
-import { LocalizedLink } from "~/components/localized-link";
+import { data } from "react-router";
+import { LocaleSwitcher } from "~/components/locale-switcher";
+import { Navbar } from "~/components/navbar";
 import type { Route } from "./+types/($locale)._index";
+export const loader = ({ params }: Route.LoaderArgs) => {
+  const { locale } = params;
+  const { isValid } = validatePrefix(locale);
+  if (!isValid) {
+    throw data("Locale not supported", { status: 404 });
+  }
+};
+export const meta: Route.MetaFunction = ({ params }) => {
+  const content = getIntlayer("page", params.locale);
+  return [
+    { title: content.title },
+    { content: content.description, name: "description" },
+  ];
+};
 export default function Page() {
   const { title, description, aboutLink } = useIntlayer("page");
@@ -261,11 +314,34 @@ export default function Page() {
 #### Страница "О нас"
 ```tsx fileName="app/routes/($locale).about.tsx"
+import { getIntlayer, validatePrefix } from "intlayer";
 import { useIntlayer } from "react-intlayer";
-import { LocalizedLink } from "~/components/localized-link";
+import { data } from "react-router";
+import { LocaleSwitcher } from "~/components/locale-switcher";
+import { Navbar } from "~/components/navbar";
 import type { Route } from "./+types/($locale).about";
+export const loader = ({ params }: Route.LoaderArgs) => {
+  const { locale } = params;
+  const { isValid } = validatePrefix(locale);
+  if (!isValid) {
+    throw data("Locale not supported", { status: 404 });
+  }
+};
+export const meta: Route.MetaFunction = ({ params }) => {
+  const content = getIntlayer("about", params.locale);
+  return [
+    { title: content.title },
+    { content: content.description, name: "description" },
+  ];
+};
 export default function AboutPage() {
   const { title, content, homeLink } = useIntlayer("about");
@@ -486,7 +562,7 @@ export const useI18nHTMLAttributes = () => {
 };
 ```
-Этот хук уже используется в компоненте layout (`($locale)._layout.tsx`), показанном в Шаге 5.
+Этот хук уже используется в компоненте layout (`root.tsx`), показанном в Шаге 5.
 ### Шаг 10: Добавьте middleware (необязательно)

package/docs/tr/intlayer_with_next-i18next.md CHANGED Viewed

@@ -552,15 +552,15 @@ Intlayer, JSON çevirilerinizi senkronize tutmanıza, eksik anahtarları test et
 Intlayer bağımlılıklarını yükleyin:
 ```bash packageManager="npm"
-npm install intlayer @intlayer/sync-json-plugin  -D
+npm install intlayer @intlayer/sync-json-plugin --save-dev
 ```
 ```bash packageManager="pnpm"
-pnpm add intlayer @intlayer/sync-json-plugin  -D
+pnpm add intlayer @intlayer/sync-json-plugin --save-dev
 ```
 ```bash packageManager="yarn"
-yarn add intlayer @intlayer/sync-json-plugin  -D
+yarn add intlayer @intlayer/sync-json-plugin --dev
 ```
 ```ts fileName="intlayer.config.ts"

package/docs/tr/intlayer_with_next-intl.md CHANGED Viewed

@@ -391,15 +391,15 @@ export const config = {
 Intlayer bağımlılıklarını yükleyin:
 ```bash packageManager="npm"
-npm install intlayer @intlayer/sync-json-plugin  -D
+npm install intlayer @intlayer/sync-json-plugin --save-dev
 ```
 ```bash packageManager="yarn"
-yarn add intlayer @intlayer/sync-json-plugin  -D
+yarn add intlayer @intlayer/sync-json-plugin --dev
 ```
 ```bash packageManager="pnpm"
-pnpm add intlayer @intlayer/sync-json-plugin  -D
+pnpm add intlayer @intlayer/sync-json-plugin --save-dev
 ```
 Intlayer yapılandırma dosyasını oluşturun:

package/docs/tr/intlayer_with_react_router_v7.md CHANGED Viewed

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-09-04
-updatedAt: 2025-10-03
+updatedAt: 2025-12-27
 title: React Router v7 uygulamanızı nasıl çevirirsiniz – i18n rehberi 2025
 description: React Router v7 uygulamanıza Intlayer kullanarak uluslararasılaştırmayı (i18n) nasıl ekleyeceğinizi öğrenin. Uygulamanızı yerel dil farkındalıklı yönlendirme ile çok dilli hale getirmek için bu kapsamlı rehberi takip edin.
 keywords:
@@ -20,6 +20,9 @@ slugs:
 applicationTemplate: https://github.com/aymericzip/intlayer-react-router-v7-template
 youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
 history:
+  - version: 7.5.6
+    date: 2025-12-27
+    changes: Layout'u güncelle ve 404'ü yönet
   - version: 6.1.5
     date: 2025-10-03
     changes: Doküman güncellendi
@@ -171,10 +174,8 @@ Yerel dil farkındalığı olan rotalarla yönlendirme yapılandırmanızı ayar
 import { layout, route, type RouteConfig } from "@react-router/dev/routes";
 export default [
-  layout("routes/layout.tsx", [
-    route("/:lang?", "routes/page.tsx"), // Yerelleştirilmiş ana sayfa
-    route("/:lang?/about", "routes/about/page.tsx"), // Yerelleştirilmiş hakkında sayfası
-  ]),
+  route("/:lang?", "routes/page.tsx"), // Yerelleştirilmiş ana sayfa
+  route("/:lang?/about", "routes/about/page.tsx"), // Yerelleştirilmiş hakkında sayfası
 ] satisfies RouteConfig;
 ```
@@ -184,19 +185,50 @@ Kök layout ve dil bazlı layout'larınızı ayarlayın:
 #### Kök Layout
-```tsx fileName="app/routes/layout.tsx"
+```tsx fileName="app/root.tsx"
+import { getLocaleFromPath } from "intlayer";
 import { IntlayerProvider } from "react-intlayer";
-import { Outlet } from "react-router";
+import {
+  data,
+  Meta,
+  Scripts,
+  ScrollRestoration,
+  useLoaderData,
+} from "react-router";
+import type { Route } from "./+types/root";
-import type { Route } from "./+types/layout";
+// ... Unchanged App, links and ErrorBoundary code
-export default function RootLayout({ params }: Route.ComponentProps) {
-  const { locale } = params;
+export async function loader({ request }: Route.LoaderArgs) {
+  const locale = getLocaleFromPath(request.url);
+  if (!locale) {
+    throw data("Language not supported", { status: 404 });
+  }
+  return { locale };
+}
+export function Layout({
+  children,
+}: { children: React.ReactNode } & Route.ComponentProps) {
+  const data = useLoaderData<typeof loader>();
+  const { locale } = data ?? {};
   return (
-    <IntlayerProvider locale={locale}>
-      <Outlet />
-    </IntlayerProvider>
+    <html lang={locale}>
+      <head>
+        <meta charSet="utf-8" />
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <IntlayerProvider locale={locale}>{children}</IntlayerProvider>
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
   );
 }
 ```
@@ -310,9 +342,34 @@ Uygulamanız boyunca içerik sözlüklerinize erişin:
 #### Yerelleştirilmiş Ana Sayfa
-```tsx fileName="app/routes/[lang]/page.tsx"
+```tsx fileName="app/routes/page.tsx"
+import { getIntlayer, validatePrefix } from "intlayer";
 import { useIntlayer } from "react-intlayer";
-import { LocalizedLink } from "~/components/localized-link";
+import { data } from "react-router";
+import { LocaleSwitcher } from "~/components/locale-switcher";
+import { Navbar } from "~/components/navbar";
+import type { Route } from "./+types/page";
+export const loader = ({ params }: Route.LoaderArgs) => {
+  const { locale } = params;
+  const { isValid } = validatePrefix(locale);
+  if (!isValid) {
+    throw data("Locale not supported", { status: 404 });
+  }
+};
+export const meta: Route.MetaFunction = ({ params }) => {
+  const content = getIntlayer("page", params.locale);
+  return [
+    { title: content.title },
+    { content: content.description, name: "description" },
+  ];
+};
 export default function Page() {
   const { title, description, aboutLink } = useIntlayer("page");

package/docs/tr/intlayer_with_react_router_v7_fs_routes.md CHANGED Viewed

@@ -31,6 +31,8 @@ history:
 Bu rehber, React Router v7 projelerinde **dosya sistemi tabanlı yönlendirme** (`@react-router/fs-routes`) kullanarak yerel dil farkındalıklı yönlendirme, TypeScript desteği ve modern geliştirme uygulamaları ile sorunsuz uluslararasılaştırma için **Intlayer**'ın nasıl entegre edileceğini gösterir.
+İstemci tarafı yönlendirme için, [Intlayer ile React Router v7](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_with_react_router_v7.md) rehberine bakın.
 ## Table of Contents
 <TOC/>
@@ -195,12 +197,13 @@ Dosya sistemi yönlendirmesi ile, noktalar (`.`) yol segmentlerini temsil eden v
 #### Dosya Yapısı
 ```bash
-app/routes/
-├── ($locale)._layout.tsx        # Yerel rota için layout sarmalayıcı
-├── ($locale)._index.tsx         # Ana sayfa (/:locale?)
-├── ($locale)._index.content.ts  # Ana sayfa içeriği
-├── ($locale).about.tsx          # Hakkında sayfası (/:locale?/about)
-└── ($locale).about.content.ts   # Hakkında sayfası içeriği
+app/
+├── root.tsx                         # Yerel rota için layout sarmalayıcı
+└──routes/
+    ├── ($locale)._index.tsx         # Ana sayfa (/, /es, vb.)
+    ├── ($locale)._index.content.ts  # Ana sayfa içeriği
+    ├── ($locale).about.tsx          # Hakkında sayfası (/about, /es/about, vb.)
+    └── ($locale).about.content.ts   # Hakkında sayfası içeriği
 ```
 Adlandırma kuralları:
@@ -212,23 +215,50 @@ Adlandırma kuralları:
 #### Layout Bileşeni
-```tsx fileName="app/routes/($locale)._layout.tsx"
+```tsx fileName="app/root.tsx"
+import { getLocaleFromPath } from "intlayer";
 import { IntlayerProvider } from "react-intlayer";
-import { Outlet } from "react-router";
+import {
+  isRouteErrorResponse,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useLoaderData,
+} from "react-router";
-import { useI18nHTMLAttributes } from "~/hooks/useI18nHTMLAttributes";
+import type { Route } from "./+types/root";
-import type { Route } from "./+types/($locale)._layout";
+import "./app.css";
-export default function RootLayout({ params }: Route.ComponentProps) {
-  useI18nHTMLAttributes();
+// links and ErrorBoundary code
-  const { locale } = params;
+export async function loader({ request }: Route.LoaderArgs) {
+  const locale = getLocaleFromPath(request.url);
+  return { locale };
+}
+export function Layout({
+  children,
+}: { children: React.ReactNode } & Route.ComponentProps) {
+  const data = useLoaderData<typeof loader>();
+  const { locale } = data ?? {};
   return (
-    <IntlayerProvider locale={locale}>
-      <Outlet />
-    </IntlayerProvider>
+    <html lang={locale}>
+      <head>
+        <meta charSet="utf-8" />
+        <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <IntlayerProvider locale={locale}>{children}</IntlayerProvider>
+        <ScrollRestoration />
+        <Scripts />
+      </body>
+    </html>
   );
 }
 ```
@@ -236,11 +266,34 @@ export default function RootLayout({ params }: Route.ComponentProps) {
 #### İndeks Sayfası
 ```tsx fileName="app/routes/($locale)._index.tsx"
+import { getIntlayer, validatePrefix } from "intlayer";
 import { useIntlayer } from "react-intlayer";
-import { LocalizedLink } from "~/components/localized-link";
+import { data } from "react-router";
+import { LocaleSwitcher } from "~/components/locale-switcher";
+import { Navbar } from "~/components/navbar";
 import type { Route } from "./+types/($locale)._index";
+export const loader = ({ params }: Route.LoaderArgs) => {
+  const { locale } = params;
+  const { isValid } = validatePrefix(locale);
+  if (!isValid) {
+    throw data("Locale not supported", { status: 404 });
+  }
+};
+export const meta: Route.MetaFunction = ({ params }) => {
+  const content = getIntlayer("page", params.locale);
+  return [
+    { title: content.title },
+    { content: content.description, name: "description" },
+  ];
+};
 export default function Page() {
   const { title, description, aboutLink } = useIntlayer("page");
@@ -259,11 +312,34 @@ export default function Page() {
 #### Hakkında Sayfası
 ```tsx fileName="app/routes/($locale).about.tsx"
+import { getIntlayer, validatePrefix } from "intlayer";
 import { useIntlayer } from "react-intlayer";
-import { LocalizedLink } from "~/components/localized-link";
+import { data } from "react-router";
+import { LocaleSwitcher } from "~/components/locale-switcher";
+import { Navbar } from "~/components/navbar";
 import type { Route } from "./+types/($locale).about";
+export const loader = ({ params }: Route.LoaderArgs) => {
+  const { locale } = params;
+  const { isValid } = validatePrefix(locale);
+  if (!isValid) {
+    throw data("Locale not supported", { status: 404 });
+  }
+};
+export const meta: Route.MetaFunction = ({ params }) => {
+  const content = getIntlayer("about", params.locale);
+  return [
+    { title: content.title },
+    { content: content.description, name: "description" },
+  ];
+};
 export default function AboutPage() {
   const { title, content, homeLink } = useIntlayer("about");
@@ -484,7 +560,7 @@ export const useI18nHTMLAttributes = () => {
 };
 ```
-Bu hook, Adım 5'te gösterilen layout bileşeninde (`($locale)._layout.tsx`) zaten kullanılmaktadır.
+Bu hook, Adım 5'te gösterilen layout bileşeninde (`root.tsx`) zaten kullanılmaktadır.
 ### Adım 10: Middleware ekleyin (İsteğe bağlı)

package/docs/vi/intlayer_with_next-i18next.md CHANGED Viewed

@@ -553,15 +553,15 @@ Intlayer giúp bạn giữ đồng bộ các bản dịch JSON, kiểm tra các
 Cài đặt các dependencies của intlayer:
 ```bash packageManager="npm"
-npm install intlayer @intlayer/sync-json-plugin  -D
+npm install intlayer @intlayer/sync-json-plugin --save-dev
 ```
 ```bash packageManager="pnpm"
-pnpm add intlayer @intlayer/sync-json-plugin  -D
+pnpm add intlayer @intlayer/sync-json-plugin --save-dev
 ```
 ```bash packageManager="yarn"
-yarn add intlayer @intlayer/sync-json-plugin  -D
+yarn add intlayer @intlayer/sync-json-plugin --dev
 ```
 ```ts fileName="intlayer.config.ts"

package/docs/vi/intlayer_with_next-intl.md CHANGED Viewed

@@ -391,15 +391,15 @@ export const config = {
 Cài đặt các phụ thuộc của intlayer:
 ```bash packageManager="npm"
-npm install intlayer @intlayer/sync-json-plugin  -D
+npm install intlayer @intlayer/sync-json-plugin --save-dev
 ```
 ```bash packageManager="yarn"
-yarn add intlayer @intlayer/sync-json-plugin  -D
+yarn add intlayer @intlayer/sync-json-plugin --dev
 ```
 ```bash packageManager="pnpm"
-pnpm add intlayer @intlayer/sync-json-plugin  -D
+pnpm add intlayer @intlayer/sync-json-plugin --save-dev
 ```
 Tạo file cấu hình intlayer: