@intlayer/docs 7.1.0 → 7.1.1-canary.1

package/blog/ar/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ slugs:
 إذا قررت أن يكون لديك نسخ متعددة للغة، ستحتاج إلى وسيلة واضحة ومتسقة لتنظيم عناوين URL الخاصة بموقعك. يجب أن يكون لكل لغة (أو منطقة) "عنوان" فريد خاص بها على الإنترنت. وفيما يلي ثلاث طرق شائعة لهيكلة المواقع متعددة اللغات:
 
 1. **نطاقات المستوى العلوي برمز الدولة (ccTLDs)**
-
    - مثال: `example.fr`، `example.de`
    - **الإيجابيات:** ترسل إشارة قوية إلى محركات البحث حول البلد الذي يستهدفه المحتوى (مثل: `.fr` = فرنسا).
    - **السلبيات:** إدارة مجالات متعددة قد تكون أكثر تكلفة وتعقيدًا.
 
 2. **النطاقات الفرعية**
-
    - **مثال:** `fr.example.com`، `de.example.com`
    - **الإيجابيات:** كل لغة "تعيش" على نطاق فرعي خاص بها، مما يجعل من السهل نسبيًا إضافة أو إزالة اللغات.
    - **السلبيات:** أحيانًا تعالج محركات البحث النطاقات الفرعية كمواقع منفصلة، لذلك يمكن أن تُخفف من سلطة النطاق الرئيسي.
@@ -111,7 +109,6 @@ slugs:
 - **التوطين** يعني تكييف تنسيق المحتوى، والعملة، والقياسات، والمراجع الثقافية لجمهور محلي. على سبيل المثال، إذا كنت تستهدف فرنسا، ستستخدم `€` بدلاً من `You are an expert in internationalization and content management. Your task is to translate the following documentation into the specified locales.
 
 1. **Requirement:**
-
    - You should only translate the text, and titles of the file.
    - You should not alter the structure of the file.
    - You should not alter the code logic of code elements.
@@ -123,7 +120,6 @@ slugs:
    - You should be sure to do not forgot to translate any content
 
 2. **Locales:**
-
    - Base file locale: en: English (US)
    - Desired Locales: {{locale}} : {{localeName}}
 

package/blog/ar/next-i18next_vs_next-intl_vs_intlayer.md

@@ -1399,9 +1399,9 @@ export const config = {
 Intlayer provides built-in middleware handling through the `next-intlayer` package configuration.
 
 ```ts fileName="src/middleware.ts"
-import { intlayerMiddleware } from "next-intlayer/middleware";
+import { intlayerProxy } from "next-intlayer/proxy";
 
-export const middleware = intlayerMiddleware();
+export const middleware = intlayerProxy();
 
 // applies this middleware only to files in the app directory
 export const config = {

package/blog/de/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ Wenn Sie dies richtig machen, schaffen Sie ein benutzerfreundlicheres Erlebnis f
 Wenn Sie sich entscheiden, mehrere Sprachversionen zu haben, benötigen Sie einen klaren, konsistenten Weg, um die URLs Ihrer Website zu organisieren. Jede Sprache (oder Region) sollte ihre eigene einzigartige „Adresse“ im Internet haben. Im Folgenden finden Sie drei gängige Möglichkeiten, mehrsprachige Websites zu strukturieren:
 
 1. Länderspezifische Top-Level-Domains (ccTLDs)
-
    - Beispiel: `example.fr`, `example.de`
    - **Vorteile:** Sendet ein starkes Signal an Suchmaschinen, welches Land der Inhalt anspricht (z.B. `.fr` = Frankreich).
    - **Nachteile:** Die Verwaltung mehrerer Domains kann teurer und komplizierter sein.
 
 2. **Subdomains**
-
    - **Beispiel:** `fr.example.com`, `de.example.com`
    - **Vorteile:** Jede Sprache „lebt“ auf ihrer eigenen Subdomain, was es relativ einfach macht, Sprachen hinzuzufügen oder zu entfernen.
    - **Nachteile:** Suchmaschinen behandeln Subdomains manchmal als separate Seiten, was die Autorität Ihrer Hauptdomain verwässern kann.

package/blog/en/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ When you do this right, you’ll create a far more user-friendly experience for
 If you decide to have multiple language versions, you’ll need a clear, consistent way to organize your site’s URLs. Each language (or region) should have its own unique “address” on the internet. Below are three common ways to structure multilingual websites:
 
 1. Country-Code Top-Level Domains (ccTLDs)
-
    - Example: `example.fr`, `example.de`
    - **Pros:** Sends a strong signal to search engines about which country the content targets (e.g., `.fr` = France).
    - **Cons:** Managing multiple domains can be more expensive and complicated.
 
 2. **Subdomains**
-
    - **Example:** `fr.example.com`, `de.example.com`
    - **Pros:** Each language “lives” on its own subdomain, making it relatively easy to add or remove languages.
    - **Cons:** Search engines sometimes treat subdomains as separate sites, so it can dilute your main domain’s authority.

package/blog/en/next-i18next_vs_next-intl_vs_intlayer.md

@@ -1396,9 +1396,9 @@ export const config = {
 Intlayer provides built-in middleware handling through the `next-intlayer` package configuration.
 
 ```ts fileName="src/middleware.ts"
-import { intlayerMiddleware } from "next-intlayer/middleware";
+import { intlayerProxy } from "next-intlayer/proxy";
 
-export const middleware = intlayerMiddleware();
+export const middleware = intlayerProxy();
 
 // applies this middleware only to files in the app directory
 export const config = {

package/blog/en-GB/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ When you do this right, you’ll create a far more user-friendly experience for
 If you decide to have multiple language versions, you’ll need a clear, consistent way to organise your site’s URLs. Each language (or region) should have its own unique “address” on the internet. Below are three common ways to structure multilingual websites:
 
 1. Country-Code Top-Level Domains (ccTLDs)
-
    - Example: `example.fr`, `example.de`
    - **Pros:** Sends a strong signal to search engines about which country the content targets (e.g., `.fr` = France).
    - **Cons:** Managing multiple domains can be more expensive and complicated.
 
 2. **Subdomains**
-
    - **Example:** `fr.example.com`, `de.example.com`
    - **Pros:** Each language “lives” on its own subdomain, making it relatively easy to add or remove languages.
    - **Cons:** Search engines sometimes treat subdomains as separate sites, so it can dilute your main domain’s authority.

package/blog/es/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ Cuando lo haces bien, crearás una experiencia mucho más amigable para los habl
 Si decides tener varias versiones en idiomas, necesitarás una manera clara y consistente de organizar las URLs de tu sitio. Cada idioma (o región) debería tener su propia “dirección” única en internet. A continuación, se presentan tres formas comunes de estructurar sitios web multilingües:
 
 1. Dominios de Nivel Superior de Código de País (ccTLDs)
-
    - Ejemplo: `example.fr`, `example.de`
    - **Pros:** Envía una fuerte señal a los motores de búsqueda sobre a qué país está destinado el contenido (por ejemplo, `.fr` = Francia).
    - **Contras:** Gestionar múltiples dominios puede ser más costoso y complicado.
 
 2. **Subdominios**
-
    - **Ejemplo:** `fr.example.com`, `de.example.com`
    - **Pros:** Cada idioma “vive” en su propio subdominio, lo que facilita agregar o eliminar idiomas.
    - **Contras:** A veces, los motores de búsqueda tratan a los subdominios como sitios separados, lo que puede diluir la autoridad de tu dominio principal.
@@ -95,7 +93,6 @@ En tu HTML, agregarás algo como:
 - **Localización** significa adaptar el formato del contenido, la moneda, las medidas y las referencias culturales para una audiencia local. Por ejemplo, si estás apuntando a Francia, usarías `€` en lugar de `You are an expert in internationalization and content management. Your task is to translate the following documentation into the specified locales.
 
 1. **Requirement:**
-
    - Solo debes traducir el texto y los títulos del archivo.
    - No debes alterar la estructura del archivo.
    - No debes alterar la lógica del código de los elementos de código.
@@ -107,7 +104,6 @@ En tu HTML, agregarás algo como:
    - Debes asegurarte de no olvidar traducir ningún contenido
 
 2. **Locales:**
-
    - Archivo de base: en: Inglés (EE.UU.)
    - Locales deseados: {{locale}} : {{localeName}}
 

package/blog/fr/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ Lorsque vous faites cela correctement, vous créerez une expérience beaucoup pl
 Si vous décidez d'avoir plusieurs versions linguistiques, vous aurez besoin d'un moyen clair et cohérent d'organiser les URLs de votre site. Chaque langue (ou région) doit avoir sa propre "adresse" unique sur Internet. Voici trois manières courantes de structurer des sites Web multilingues :
 
 1. Domaines de Premier Niveau par Code Pays (ccTLDs)
-
    - Exemple : `example.fr`, `example.de`
    - **Avantages :** Envoie un signal fort aux moteurs de recherche quant à quel pays le contenu cible (par exemple, `.fr` = France).
    - **Inconvénients :** Gérer plusieurs domaines peut être plus coûteux et compliqué.
 
 2. **Sous-domaines**
-
    - **Exemple :** `fr.example.com`, `de.example.com`
    - **Avantages :** Chaque langue "vit" sur son propre sous-domaine, ce qui rend relativement facile d'ajouter ou de retirer des langues.
    - **Inconvénients :** Les moteurs de recherche traitent parfois les sous-domaines comme des sites séparés, ce qui peut diluer l'autorité de votre domaine principal.

package/blog/hi/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ slugs:
 यदि आप कई भाषा संस्करण रखने का निर्णय लेते हैं, तो आपको अपनी साइट के URLs को व्यवस्थित करने का एक स्पष्ट, सुसंगत तरीका चाहिए। प्रत्येक भाषा (या क्षेत्र) का इंटरनेट पर अपना अनूठा "पता" होना चाहिए। बहुभाषी वेबसाइटों की संरचना के लिए तीन सामान्य तरीके नीचे दिए गए हैं:
 
 1. देश-कोड शीर्ष स्तर डोमेन (ccTLDs)
-
    - उदाहरण: `example.fr`, `example.de`
    - **लाभ:** खोज इंजनों को यह स्पष्ट संकेत भेजता है कि सामग्री किस देश को लक्षित करती है (जैसे, `.fr` = फ्रांस)।
    - **हानि:** कई डोमेन प्रबंधित करना महंगा और जटिल हो सकता है।
 
 2. **सबडोमेन**
-
    - **उदाहरण:** `fr.example.com`, `de.example.com`
    - **लाभ:** प्रत्येक भाषा का "जीवन" अपने उपडोमेन पर होता है, जिससे भाषाएँ जोड़ना या हटाना अपेक्षाकृत आसान होता है।
    - **हानि:** कभी-कभी खोज इंजन उपडोमेन को अलग साइटों के रूप में मानते हैं, इसलिए यह आपके मुख्य डोमेन की प्राधिकरण को कमजोर कर सकता है।

package/blog/id/next-i18next_vs_next-intl_vs_intlayer.md

@@ -1398,9 +1398,9 @@ export const config = {
 Intlayer menyediakan penanganan middleware bawaan melalui konfigurasi paket `next-intlayer`.
 
 ```ts fileName="src/middleware.ts"
-import { intlayerMiddleware } from "next-intlayer/middleware";
+import { intlayerProxy } from "next-intlayer/proxy";
 
-export const middleware = intlayerMiddleware();
+export const middleware = intlayerProxy();
 
 // menerapkan middleware ini hanya pada file di direktori app
 export const config = {

package/blog/it/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ Quando fai questo nel modo giusto, creerai un'esperienza molto più user-friendl
 Se decidi di avere più versioni linguistiche, avrai bisogno di un modo chiaro e coerente per organizzare gli URL del tuo sito. Ogni lingua (o regione) dovrebbe avere il proprio “indirizzo” unico su Internet. Ecco tre modi comuni per strutturare siti web multilingue:
 
 1. Domini di primo livello con codice paese (ccTLD)
-
    - Esempio: `example.fr`, `example.de`
    - **Pro:** Invia un forte segnale ai motori di ricerca riguardo a quale paese è destinato il contenuto (ad esempio, `.fr` = Francia).
    - **Contro:** Gestire più domini può essere più costoso e complicato.
 
 2. **Sottodomini**
-
    - **Esempio:** `fr.example.com`, `de.example.com`
    - **Pro:** Ogni lingua “vive” su un proprio sottodominio, rendendo relativamente facile aggiungere o rimuovere lingue.
    - **Contro:** A volte i motori di ricerca trattano i sottodomini come siti separati, quindi può diluire l'autorità del tuo dominio principale.

package/blog/ja/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ slugs:
 複数の言語バージョンを持つことを決定した場合、サイトのURLを整理するための明確で一貫した方法が必要です。各言語（または地域）は、インターネット上で独自の「アドレス」を持つべきです。以下は、多言語ウェブサイトを構築するための一般的な3つの方法です。
 
 1. 国別コードのトップレベルドメイン（ccTLD）
-
    - 例: `example.fr`, `example.de`
    - **利点:** コンテンツが対象としている国について検索エンジンに強い信号を送ります（例: `.fr` = フランス）。
    - **欠点:** 複数のドメインを管理することは、より高価で複雑になる可能性があります。
 
 2. **サブドメイン**
-
    - **例:** `fr.example.com`, `de.example.com`
    - **利点:** 各言語が独自のサブドメインに存在するため、言語を追加または削除するのが比較的簡単です。
    - **欠点:** 検索エンジンはサブドメインを別のサイトとして扱うことがあり、メインドメインの権威を薄める可能性があります。

package/blog/ko/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ slugs:
 여러 언어 버전을 만들기로 결정했다면, 사이트의 URL을 정리하는 명확하고 일관된 방법이 필요합니다. 각 언어(또는 지역)는 고유한 "주소"를 인터넷에서 가져야 합니다. 다국어 웹사이트를 구조화하는 세 가지 일반적인 방법은 다음과 같습니다:
 
 1. 국가 코드 최상위 도메인 (ccTLDs)
-
    - 예: `example.fr`, `example.de`
    - **장점:** 검색 엔진에 콘텐츠가 어떤 국가를 대상으로 하는지를 강하게 신호 보냅니다(예: `.fr` = 프랑스).
    - **단점:** 여러 도메인을 관리하는 것은 더 비용이 들고 복잡할 수 있습니다.
 
 2. **서브도메인**
-
    - **예:** `fr.example.com`, `de.example.com`
    - **장점:** 각 언어가 자신의 서브도메인에서 "존재"하므로 언어를 추가하거나 제거하기가 상대적으로 쉽습니다.
    - **단점:** 검색 엔진이 때때로 서브도메인을 별도의 사이트로 처리하므로 주요 도메인의 권한을 희석할 수 있습니다.

package/blog/pl/next-i18next_vs_next-intl_vs_intlayer.md

@@ -1399,9 +1399,9 @@ export const config = {
 Intlayer zapewnia wbudowane zarządzanie middleware za pomocą konfiguracji pakietu `next-intlayer`.
 
 ```ts fileName="src/middleware.ts"
-import { intlayerMiddleware } from "next-intlayer/middleware";
+import { intlayerProxy } from "next-intlayer/proxy";
 
-export const middleware = intlayerMiddleware();
+export const middleware = intlayerProxy();
 
 // stosuje ten middleware tylko do plików w katalogu app
 export const config = {

package/blog/pt/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ Quando você faz isso corretamente, criará uma experiência muito mais amigáve
 Se você decidir ter múltiplas versões de idioma, precisará de uma maneira clara e consistente de organizar as URLs do seu site. Cada idioma (ou região) deve ter seu próprio “endereço” único na internet. Abaixo estão três maneiras comuns de estruturar sites multilíngues:
 
 1. Domínios de Nível Superior com Código de País (ccTLDs)
-
    - Exemplo: `example.fr`, `example.de`
    - **Prós:** Envia um sinal forte para os mecanismos de busca sobre qual país o conteúdo é direcionado (por exemplo, `.fr` = França).
    - **Contras:** Gerenciar múltiplos domínios pode ser mais caro e complicado.
 
 2. **Subdomínios**
-
    - **Exemplo:** `fr.example.com`, `de.example.com`
    - **Prós:** Cada idioma “vive” em seu próprio subdomínio, tornando relativamente fácil adicionar ou remover idiomas.
    - **Contras:** Os mecanismos de busca às vezes tratam subdomínios como sites separados, podendo diluir a autoridade do seu domínio principal.
@@ -111,7 +109,6 @@ No seu HTML, você adicionará algo como:
 - **Localização** significa adaptar o formato do conteúdo, moeda, medidas e referências culturais para um público local. Por exemplo, se você está direcionando a França, você usaria `€` em vez de `You are an expert in internationalization and content management. Your task is to translate the following documentation into the specified locales.
 
 1. **Requirement:**
-
    - Você deve apenas traduzir o texto e os títulos do arquivo.
    - Você não deve alterar a estrutura do arquivo.
    - Você não deve alterar a lógica do código dos elementos de código.
@@ -123,7 +120,6 @@ No seu HTML, você adicionará algo como:
    - Você deve se certificar de não esquecer de traduzir nenhum conteúdo
 
 2. **Locales:**
-
    - Arquivo de localização base: en: Inglês (EUA)
    - Locales desejados: {{locale}} : {{localeName}}
 

package/blog/ru/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ slugs:
 Если вы решите иметь несколько языковых версий, вам понадобится ясный и последовательный способ организации URL вашего сайта. У каждого языка (или региона) должен быть свой уникальный «адрес» в интернете. Ниже приведены три распространённых способа структурирования многоязычных веб-сайтов:
 
 1. Доменные имена с кодом страны (ccTLD)
-
    - Пример: `example.fr`, `example.de`
    - **Плюсы:** Является сильным сигналом для поисковых систем о том, какой стране целевой контент (например, `.fr` = Франция).
    - **Минусы:** Управление несколькими доменами может быть дороже и сложнее.
 
 2. **Субдомены**
-
    - **Пример:** `fr.example.com`, `de.example.com`
    - **Плюсы:** Каждый язык «живет» на своем собственном субдомене, что не очень сложно добавлять или удалять языки.
    - **Минусы:** Поисковые системы иногда рассматривают субдомены как отдельные сайты, что может размывать авторитет вашего основного домена.
@@ -95,7 +93,6 @@ slugs:
 - **Локализация** означает адаптацию формата контента, валюты, измерений и культурных ссылок для местной аудитории. Например, если вы ориентируетесь на Францию, вы используете `€` вместо `You are an expert in internationalization and content management. Your task is to translate the following documentation into the specified locales.
 
 1. **Requirement:**
-
    - You should only translate the text, and titles of the file.
    - You should not alter the structure of the file.
    - You should not alter the code logic of code elements.
@@ -107,7 +104,6 @@ slugs:
    - You should be sure to do not forgot to translate any content
 
 2. **Locales:**
-
    - Base file locale: en: English (US)
    - Desired Locales: {{locale}} : {{localeName}}
 

package/blog/vi/next-i18next_vs_next-intl_vs_intlayer.md

@@ -1418,9 +1418,9 @@ export const config = {
 Intlayer cung cấp xử lý middleware tích hợp sẵn thông qua cấu hình gói `next-intlayer`.
 
 ```ts fileName="src/middleware.ts"
-import { intlayerMiddleware } from "next-intlayer/middleware";
+import { intlayerProxy } from "next-intlayer/proxy";
 
-export const middleware = intlayerMiddleware();
+export const middleware = intlayerProxy();
 
 // áp dụng middleware này chỉ cho các tệp trong thư mục app
 export const config = {

package/blog/zh/internationalization_and_SEO.md

@@ -35,13 +35,11 @@ slugs:
 如果您决定拥有多个语言版本，您将需要一种清晰、一致的方式来组织网站的 URL。每种语言（或地区）都应该在互联网上有其独特的“地址”。以下是三种常见的多语言网站结构方式：
 
 1. 国家代码顶级域名（ccTLDs）
-
    - 示例：`example.fr`，`example.de`
    - **优点：** 向搜索引擎发送关于内容目标国家的强烈信号（例如，`.fr` = 法国）。
    - **缺点：** 管理多个域名可能会更昂贵且复杂。
 
 2. **子域名**
-
    - **示例：** `fr.example.com`，`de.example.com`
    - **优点：** 每种语言“生活”在其自己的子域名上，相对容易添加或删除语言。
    - **缺点：** 搜索引擎有时将子域名视为独立网站，这可能会稀释主域名的权威性。
@@ -95,7 +93,6 @@ slugs:
 - **本地化** 是指将内容的格式、货币、测量和文化参考调整为当地受众。例如，如果您针对法国，您将使用 `€` 而不是 `You are an expert in internationalization and content management. Your task is to translate the following documentation into the specified locales.
 
 1. **Requirement:**
-
    - You should only translate the text, and titles of the file.
    - You should not alter the structure of the file.
    - You should not alter the code logic of code elements.
@@ -107,7 +104,6 @@ slugs:
    - You should be sure to do not forgot to translate any content
 
 2. **Locales:**
-
    - Base file locale: en: English (US)
    - Desired Locales: {{locale}} : {{localeName}}
 

package/docs/ar/intlayer_with_nextjs_14.md

@@ -919,8 +919,8 @@ import { type FC } from "react";
 import Link from "next/link";
 
 const LocaleSwitcher: FC = () => {
-  const { locale, pathWithoutLocale, availableLocales } = useLocale();
-  const { setLocaleCookie } = useLocaleCookie();
+  const { locale, pathWithoutLocale, availableLocales, setLocale } =
+    useLocale();
 
   return (
     <div>
@@ -932,7 +932,7 @@ const LocaleSwitcher: FC = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - مثال: FR */}
@@ -971,8 +971,8 @@ import { useLocale } from "next-intlayer";
 import Link from "next/link";
 
 const LocaleSwitcher = () => {
-  const { locale, pathWithoutLocale, availableLocales } = useLocale();
-  const { setLocaleCookie } = useLocaleCookie();
+  const { locale, pathWithoutLocale, availableLocales, setLocale } =
+    useLocale();
 
   return (
     <div>
@@ -984,7 +984,7 @@ const LocaleSwitcher = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - مثال: FR */}
@@ -1023,8 +1023,8 @@ const { useLocale } = require("next-intlayer");
 const Link = require("next/link");
 
 const LocaleSwitcher = () => {
-  const { locale, pathWithoutLocale, availableLocales } = useLocale();
-  const { setLocaleCookie } = useLocaleCookie();
+  const { locale, pathWithoutLocale, availableLocales, setLocale } =
+    useLocale();
 
   return (
     <div>
@@ -1036,7 +1036,7 @@ const LocaleSwitcher = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - مثال: FR */}

package/docs/ar/intlayer_with_nextjs_15.md

@@ -1154,8 +1154,8 @@ import { useLocale } from "next-intlayer";
 import Link from "next/link";
 
 export const LocaleSwitcher: FC = () => {
-  const { locale, pathWithoutLocale, availableLocales } = useLocale();
-  const { setLocaleCookie } = useLocaleCookie();
+  const { locale, pathWithoutLocale, availableLocales, setLocale } =
+    useLocale();
 
   return (
     <div>
@@ -1167,7 +1167,7 @@ export const LocaleSwitcher: FC = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - على سبيل المثال FR */}
@@ -1206,8 +1206,8 @@ import { useLocale } from "next-intlayer";
 import Link from "next/link";
 
 export const LocaleSwitcher = () => {
-  const { locale, pathWithoutLocale, availableLocales } = useLocale();
-  const { setLocaleCookie } = useLocaleCookie();
+  const { locale, pathWithoutLocale, availableLocales, setLocale } =
+    useLocale();
 
   return (
     <div>
@@ -1219,7 +1219,7 @@ export const LocaleSwitcher = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - على سبيل المثال FR */}
@@ -1258,7 +1258,8 @@ const { useLocale } = require("next-intlayer");
 const Link = require("next/link");
 
 export const LocaleSwitcher = () => {
-  const { locale, pathWithoutLocale, availableLocales } = useLocale();
+  const { locale, pathWithoutLocale, availableLocales, setLocale } =
+    useLocale();
 
   return (
     <div>
@@ -1270,7 +1271,7 @@ export const LocaleSwitcher = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - مثلاً FR */}

package/docs/ar/intlayer_with_nextjs_16.md

@@ -224,10 +224,6 @@ module.exports = withIntlayer(nextConfig);
 > );
 > ```
 
-export default RootLayout;
-
-````
-
 ```jsx {3} fileName="src/app/layout.mjx" codeFormat="esm"
 import "./globals.css";
 
@@ -237,7 +233,7 @@ const RootLayout = ({ children }) => (
 );
 
 export default RootLayout;
-````
+```
 
 ```jsx {1,8} fileName="src/app/layout.csx" codeFormat="commonjs"
 require("./globals.css");
@@ -734,29 +730,6 @@ const metadataContent = {
 export default metadataContent;
 ```
 
-```javascript fileName="src/app/[locale]/metadata.content.mjs" contentDeclarationFormat="esm"
-import { t } from "intlayer";
-
-/** @type {import('intlayer').Dictionary<import('next').Metadata>} */
-const metadataContent = {
-  key: "page-metadata",
-  content: {
-    title: t({
-      en: "Create Next App",
-      fr: "Créer une application Next.js",
-      es: "Crear una aplicación Next.js",
-    }),
-    description: t({
-      en: "Generated by create next app",
-      fr: "Généré par create next app",
-      es: "Generado por create next app",
-    }),
-  },
-};
-
-export default metadataContent;
-```
-
 ```javascript fileName="src/app/[locale]/metadata.content.cjs" contentDeclarationFormat="commonjs"
 const { t } = require("intlayer");
 
@@ -777,13 +750,6 @@ const metadataContent = {
   },
 };
 
-module.exports = metadataContent;
-      fr: "تم إنشاؤه بواسطة create next app",
-      es: "تم إنشاؤه بواسطة create next app",
-    }),
-  },
-};
-
 export default metadataContent;
 ```
 
@@ -970,26 +936,6 @@ module.exports = { generateMetadata };
 
 بدلاً من ذلك، يمكنك استخدام دالة `getTranslation` لإعلان بيانات التعريف الخاصة بك. ومع ذلك، يُنصح باستخدام ملفات إعلان المحتوى لأتمتة ترجمة بيانات التعريف الخاصة بك وفصل المحتوى في مرحلة ما.
 
-````typescript fileName="src/app/[locale]/layout.tsx or src/app/[locale]/page.tsx" codeFormat="typescript"
-import {
-  type IConfigLocales,
-  getTranslation,
-  getMultilingualUrls,
-} from "intlayer";
-import type { Metadata } from "next";
-import type { LocalPromiseParams } from "next-intlayer";
-
-export const generateMetadata = async ({
-  params,
-}: LocalPromiseParams): Promise<Metadata> => {
-  const { locale } = await params;
-  const t = <T>(content: IConfigLocales<T>) => getTranslation(content, locale);
-
-  return {
-    title: t<string>({
-      en: "My title",
-بدلاً من ذلك، يمكنك استخدام دالة `getTranslation` لإعلان بيانات التعريف الخاصة بك. ومع ذلك، يُوصى باستخدام ملفات إعلان المحتوى لأتمتة ترجمة بيانات التعريف الخاصة بك وفصل المحتوى في مرحلة ما.
-
 ```typescript fileName="src/app/[locale]/layout.tsx or src/app/[locale]/page.tsx" codeFormat="typescript"
 import {
   type IConfigLocales,
@@ -1020,7 +966,7 @@ export const generateMetadata = async ({
 };
 
 // ... بقية الكود
-````
+```
 
 ```javascript fileName="src/app/[locale]/layout.mjs or src/app/[locale]/page.mjs" codeFormat="esm"
 import { getTranslation, getMultilingualUrls } from "intlayer";

package/docs/ar/intlayer_with_nextjs_page_router.md

@@ -149,7 +149,7 @@ export default withIntlayer(nextConfig);
 قم بإعداد الوسيط لاكتشاف ومعالجة اللغة المفضلة للمستخدم تلقائيًا:
 
 ```typescript fileName="src/middleware.ts" codeFormat="typescript"
-export { intlayerMiddleware as middleware } from "next-intlayer/middleware";
+export { intlayerProxy as middleware } from "next-intlayer/middleware";
 
 export const config = {
   matcher:
@@ -158,7 +158,7 @@ export const config = {
 ```
 
 ```javascript fileName="src/middleware.mjs" codeFormat="esm"
-export { intlayerMiddleware as middleware } from "next-intlayer/middleware";
+export { intlayerProxy as middleware } from "next-intlayer/middleware";
 
 export const config = {
   matcher:
@@ -167,14 +167,14 @@ export const config = {
 ```
 
 ```javascript fileName="src/middleware.cjs" codeFormat="commonjs"
-const { intlayerMiddleware } = require("next-intlayer/middleware");
+const { intlayerProxy } = require("next-intlayer/middleware");
 
 const config = {
   matcher:
     "/((?!api|static|assets|robots|sitemap|sw|service-worker|manifest|.*\\..*|_next).*)",
 };
 
-module.exports = { middleware: intlayerMiddleware, config };
+module.exports = { middleware: intlayerProxy, config };
 ```
 
 > قم بتعديل معامل `matcher` ليتناسب مع مسارات تطبيقك. لمزيد من التفاصيل، راجع [وثائق Next.js حول تكوين matcher](https://nextjs.org/docs/app/building-your-application/routing/middleware).
@@ -1098,7 +1098,6 @@ import Link from "next/link";
 
 const LocaleSwitcher: FC = () => {
   const { locale, pathWithoutLocale, availableLocales } = useLocalePageRouter();
-  const { setLocaleCookie } = useLocaleCookie();
 
   return (
     <div>
@@ -1110,7 +1109,7 @@ const LocaleSwitcher: FC = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة - مثل FR */}
@@ -1148,7 +1147,6 @@ import Link from "next/link";
 
 const LocaleSwitcher = () => {
   const { locale, pathWithoutLocale, availableLocales } = useLocalePageRouter();
-  const { setLocaleCookie } = useLocaleCookie();
 
   return (
     <div>
@@ -1160,7 +1158,7 @@ const LocaleSwitcher = () => {
             hrefLang={localeItem}
             key={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* المنطقة - مثال: FR */}
@@ -1198,7 +1196,6 @@ const Link = require("next/link");
 
 const LocaleSwitcher = () => {
   const { locale, pathWithoutLocale, availableLocales } = useLocalePageRouter();
-  const { setLocaleCookie } = useLocaleCookie();
 
   return (
     <select>
@@ -1208,7 +1205,7 @@ const LocaleSwitcher = () => {
             href={getLocalizedUrl(pathWithoutLocale, localeItem)}
             hrefLang={localeItem}
             aria-current={locale === localeItem ? "page" : undefined}
-            onClick={() => setLocaleCookie(localeItem)}
+            onClick={() => setLocale(localeItem)}
           >
             <span>
               {/* اللغة المحلية - على سبيل المثال FR */}