@intlayer/docs 5.5.9 → 5.5.11

package/frequent_questions/hi/get_locale_cookie.md

@@ -0,0 +1,144 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: कुकीज़ / हेडर से लोकल कैसे प्राप्त करें?
+description: कुकीज़ / हेडर से लोकल कैसे प्राप्त करें, जानें।
+keywords:
+  - कुकी
+  - हेडर
+  - intlayer
+  - लोकल
+  - हुक
+  - useLocale
+  - useLocaleCookie
+  - next.js
+  - react-intlayer
+  - vue-intlayer
+slugs:
+  - doc
+  - faq
+  - get-locale-cookie
+---
+
+# कुकीज़ / हेडर से लोकल कैसे प्राप्त करें
+
+## हुक्स का उपयोग करना (अनुशंसित)
+
+अधिकांश उपयोग मामलों के लिए, वर्तमान लोकल को `useLocale` हुक का उपयोग करके प्राप्त करना अनुशंसित है क्योंकि यह स्वचालित रूप से हल हो जाता है। यह Vue.js में `useLocale` कंपोज़ेबल की तरह काम करता है।
+
+```ts
+import { useLocale } from "next-intlayer";
+// या import { useLocale } from "react-intlayer";
+// या import { useLocale } from "vue-intlayer";
+
+ts;
+// क्लाइंट-साइड उपयोग
+const { locale } = useLocale();
+```
+
+सर्वर कंपोनेंट्स के लिए, आप इसे इस प्रकार इम्पोर्ट कर सकते हैं:
+
+```tsx
+import { useLocale } from "next-intlayer/server";
+
+const Test = () => {
+  const { locale } = useLocale();
+  return <>{locale}</>;
+};
+
+const Page = async ({ params }) => {
+  const { locale } = await params;
+
+  return (
+    <IntlayerServerProvider locale={locale}>
+      <Test />
+    </IntlayerServerProvider>
+  );
+};
+```
+
+एक `useLocaleCookie` हुक भी है जो केवल कुकी मान को हल करता है।
+
+## मैनुअल कुकी कॉन्फ़िगरेशन
+
+आप कस्टम कुकी नाम इस प्रकार घोषित कर सकते हैं
+
+```ts
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  middleware: {
+    cookieName: "myCustomLocaleCookie", // डिफ़ॉल्ट 'intlayer-locale' है
+  },
+};
+
+export default config;
+```
+
+इसे इस प्रकार पुनः प्राप्त करें
+
+### क्लाइंट-साइड
+
+```ts
+// डिफ़ॉल्ट कुकी नाम का उपयोग करते हुए
+const locale = document.cookie
+  .split("; ")
+  .find((row) => row.startsWith("intlayer-locale="))
+  ?.split("=")[1];
+
+// कस्टम कुकी नाम का उपयोग करते हुए
+const locale = document.cookie
+  .split("; ")
+  .find((row) => row.startsWith("myCustomLocaleCookie="))
+  ?.split("=")[1];
+```
+
+### सर्वर-साइड (Next.js)
+
+```ts
+import { cookies } from "next/headers";
+
+// डिफ़ॉल्ट कुकी नाम का उपयोग करते हुए
+const locale = cookies().get("intlayer-locale")?.value;
+
+// कस्टम कुकी नाम का उपयोग करते हुए
+const locale = cookies().get("myCustomLocaleCookie")?.value;
+```
+
+### यदि locale अभी तक सेट नहीं है
+
+locale केवल तभी कुकी के रूप में सेट होता है जब उपयोगकर्ता स्पष्ट रूप से locale का चयन करता है। डिफ़ॉल्ट रूप से, नए आगंतुकों के लिए, locale हेडर फ़ील्ड से व्याख्यायित किया जाता है।
+
+आप अनुरोध हेडर से उपयोगकर्ता की पसंदीदा locale का पता लगा सकते हैं। यहाँ इसका प्रबंधन करने का एक उदाहरण है:
+
+```ts
+/**
+ * अनुरोध हेडर से locale का पता लगाता है
+ *
+ * accept-language हेडर locale पहचान के लिए सबसे महत्वपूर्ण है।
+ * इसमें भाषा कोड की एक सूची होती है जिनके साथ गुणवत्ता मान (q-मूल्य) होते हैं जो
+ * उपयोगकर्ता की पसंदीदा भाषाओं को प्राथमिकता के क्रम में दर्शाते हैं।
+ *
+ * उदाहरण: "en-US,en;q=0.9,fr;q=0.8,es;q=0.7"
+ * - en-US प्राथमिक भाषा है (q=1.0 निहित है)
+ * - en दूसरी पसंद है (q=0.9)
+ * - fr तीसरी पसंद है (q=0.8)
+ * - es चौथी पसंद है (q=0.7)
+ */
+import { localeDetector } from "@intlayer/core";
+
+/**
+ * वे उदाहरण नेगोशिएटर हेडर जो ब्राउज़र आमतौर पर भेजते हैं
+ * ये हेडर उपयोगकर्ता की पसंदीदा भाषा निर्धारित करने में मदद करते हैं
+ */
+const exampleNegotiatorHeaders: Record<string, string> = {
+  "accept-language": "en-US,en;q=0.9,fr;q=0.8,es;q=0.7",
+  "accept":
+    "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8",
+  "user-agent":
+    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36",
+};
+
+// उपयोग का उदाहरण:
+const detectedLocale = localeDetector(exampleNegotiatorHeaders);
+```

package/frequent_questions/hi/intlayer_command_undefined.md

@@ -0,0 +1,156 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: Intlayer कमांड अपरिभाषित
+description: जानें कि Intlayer कमांड अपरिभाषित त्रुटि को कैसे ठीक करें।
+keywords:
+  - intlayer
+  - कमांड
+  - अपरिभाषित
+  - त्रुटि
+  - vscode
+  - एक्सटेंशन
+  - प्लगइन
+  - फ्रेमवर्क
+  - next.js
+  - vite
+slugs:
+  - doc
+  - faq
+  - intlayer-command-undefined
+---
+
+# Intlayer कमांड अपरिभाषित
+
+## अवलोकन
+
+Intlayer CLI आपके intlayer कंटेंट को नियंत्रित करने का एक सुविधाजनक तरीका प्रदान करता है, जिसमें शब्दकोश बनाना, अनुवाद भेजना, और भी बहुत कुछ शामिल है। हालांकि, यह आपके प्रोजेक्ट के काम करने के लिए आवश्यक नहीं है। यदि आप बंडलर प्लगइन (जैसे Next.js के लिए `withIntlayer()` या Vite के लिए `intlayerPlugin()`) का उपयोग कर रहे हैं, तो Intlayer ऐप बिल्ड या विकास सर्वर स्टार्टअप के दौरान स्वचालित रूप से शब्दकोश बनाएगा। विकास मोड में, यह परिवर्तनों पर भी नजर रखेगा और कंटेंट घोषणा फ़ाइलों को स्वचालित रूप से पुनर्निर्माण करेगा।
+
+आप intlayer कमांड्स तक विभिन्न तरीकों से पहुँच सकते हैं:
+
+- सीधे `intlayer` CLI कमांड का उपयोग करके
+- [VSCode एक्सटेंशन](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/vs_code_extension.md) का उपयोग करके
+- `@intlayer/cli` SDK का उपयोग करके
+
+## समस्या
+
+`intlayer` कमांड का उपयोग करने का प्रयास करते समय, आपको यह त्रुटि मिल सकती है:
+
+```bash
+'intlayer' को आंतरिक या बाहरी कमांड, संचालित प्रोग्राम या बैच फ़ाइल के रूप में पहचाना नहीं गया है।
+```
+
+## समाधान
+
+इन समाधानों को क्रम में आज़माएँ:
+
+1. **सुनिश्चित करें कि कमांड इंस्टॉल है**
+
+```bash
+npx intlayer -h
+```
+
+अपेक्षित आउटपुट:
+
+```bash
+Usage: intlayer [options] [command]
+
+Intlayer CLI
+
+Options:
+    -V, --version            संस्करण संख्या प्रदर्शित करें
+    -h, --help               कमांड के लिए सहायता दिखाएँ
+
+Commands:
+    dictionary|dictionaries  शब्दकोश संचालन
+    configuration|config     कॉन्फ़िगरेशन संचालन
+    help [command]           कमांड के लिए सहायता दिखाएँ
+```
+
+2. **intlayer-cli पैकेज को ग्लोबली इंस्टॉल करें**
+
+```bash
+npm install intlayer-cli -g -g
+```
+
+> यदि आपने पहले से `intlayer` पैकेज इंस्टॉल कर लिया है तो यह आवश्यक नहीं होना चाहिए
+
+3. **पैकेज को ग्लोबली इंस्टॉल करें**
+
+```bash
+npm install intlayer -g
+```
+
+4. **अपने टर्मिनल को पुनः प्रारंभ करें**
+   कभी-कभी नए कमांड्स को पहचानने के लिए टर्मिनल को पुनः प्रारंभ करना आवश्यक होता है।
+
+5. **साफ़ करें और पुनः इंस्टॉल करें**
+   यदि ऊपर दिए गए समाधान काम नहीं करते हैं:
+
+```bash
+rm -rf node_modules package-lock.json
+npm install
+```
+
+6. **इंस्टॉलेशन फ़ाइलों की जाँच करें**
+   यदि समस्या बनी रहती है, तो सुनिश्चित करें कि ये फ़ाइलें मौजूद हैं:
+
+   - `node_modules/intlayer/dist/cjs/cli.cjs`
+   - `node_modules/intlayer/package.json` (इसमें `bin` फ़ील्ड होना चाहिए जो `./dist/cjs/cli.cjs` को संदर्भित करता हो)
+
+7. **PATH पर्यावरण चर की जाँच करें**
+   सुनिश्चित करें कि npm ग्लोबल बिन डायरेक्टरी आपके PATH में है:
+
+```bash
+# Unix-आधारित सिस्टम (macOS/Linux) के लिए
+echo $PATH
+# इसमें कुछ ऐसा शामिल होना चाहिए जैसे /usr/local/bin या ~/.npm-global/bin
+
+# विंडोज़ के लिए
+echo %PATH%
+# इसमें npm ग्लोबल बिन डायरेक्टरी शामिल होनी चाहिए
+```
+
+8. **पूर्ण पथ के साथ npx का उपयोग करें**
+   यदि कमांड अभी भी नहीं मिल रहा है, तो पूर्ण पथ के साथ npx का उपयोग करने का प्रयास करें:
+
+```bash
+npx ./node_modules/intlayer/ dictionaries build
+```
+
+9. **संघर्षपूर्ण इंस्टॉलेशनों की जाँच करें**
+
+```bash
+# सभी ग्लोबली इंस्टॉल किए गए पैकेजों की सूची बनाएं
+npm list -g --depth=0
+
+# किसी भी संघर्षपूर्ण ग्लोबल इंस्टॉलेशन को हटाएं
+npm uninstall -g intlayer
+npm uninstall -g intlayer-cli
+# फिर पुनः इंस्टॉल करें
+npm install -g intlayer
+```
+
+10. **Node.js और npm संस्करणों की पुष्टि करें**
+    सुनिश्चित करें कि आप संगत संस्करणों का उपयोग कर रहे हैं:
+
+```bash
+node --version
+npm --version
+```
+
+    यदि आप पुराने संस्करण का उपयोग कर रहे हैं, तो Node.js और npm को अपडेट करने पर विचार करें।
+
+11. **अनुमति समस्याओं की जाँच करें**
+    यदि आपको अनुमति त्रुटियाँ मिल रही हैं:
+
+    ```bash
+    # यूनिक्स-आधारित सिस्टम के लिए
+    sudo npm install -g intlayer
+
+    # या npm की डिफ़ॉल्ट डायरेक्टरी बदलें
+    mkdir ~/.npm-global
+    npm config set prefix '~/.npm-global'
+    # इसे अपनी ~/.profile या ~/.bashrc में जोड़ें:
+    export PATH=~/.npm-global/bin:$PATH
+    ```

package/frequent_questions/hi/locale_incorect_in_url.md

@@ -0,0 +1,74 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: URL से गलत लोकल प्राप्त हुआ
+description: URL से गलत लोकल प्राप्त होने की समस्या को कैसे ठीक करें, जानें।
+keywords:
+  - locale
+  - url
+  - intlayer
+  - next.js
+  - vite
+  - framework
+  - middleware
+  - configuration
+  - prefixDefault
+  - noPrefix
+slugs:
+  - doc
+  - faq
+  - locale-incorect-in-url
+---
+
+# URL से गलत लोकल प्राप्त हुआ
+
+## समस्या का विवरण
+
+जब आप URL से locale पैरामीटर को एक्सेस करने की कोशिश करते हैं, तो आपको एक समस्या का सामना करना पड़ सकता है जहाँ locale का मान गलत होता है:
+
+```js
+const { locale } = await params;
+console.log(locale); // अपेक्षित locale के बजाय "about" लौटाता है
+```
+
+## समाधान
+
+### 1. फ़ाइल संरचना सत्यापित करें
+
+सुनिश्चित करें कि आपका Next.js ऐप राउटर पथ इस संरचना का पालन करता है:
+
+```bash
+src/app/[locale]/about/page.tsx
+```
+
+### 2. मिडलवेयर कॉन्फ़िगरेशन जांचें
+
+यह समस्या अक्सर तब होती है जब मिडलवेयर मौजूद नहीं होता या सक्रिय नहीं होता। मिडलवेयर फ़ाइल इस स्थान पर होनी चाहिए:
+
+```bash
+src/middleware.ts
+```
+
+यह मिडलवेयर तब रूट्स को पुनः लिखने के लिए जिम्मेदार होता है जब `prefixDefault` को `false` पर सेट किया गया हो। उदाहरण के लिए, यह `/en/about` को `/about` में पुनः लिखता है।
+
+### 3. कॉन्फ़िगरेशन के आधार पर URL पैटर्न
+
+#### डिफ़ॉल्ट कॉन्फ़िगरेशन (`prefixDefault: false`, `noPrefix: false`)
+
+- अंग्रेज़ी: `/about`
+- फ्रेंच: `/fr/about`
+- स्पेनिश: `/es/about`
+
+#### `prefixDefault: true` के साथ
+
+- अंग्रेज़ी: `/en/about`
+- फ्रेंच: `/fr/about`
+- स्पेनिश: `/es/about`
+
+#### `noPrefix: true` के साथ
+
+- अंग्रेज़ी: `/about`
+- फ्रेंच: `/about`
+- स्पेनिश: `/about`
+
+For more details about these configuration options, see the [Configuration Documentation](https://github.com/aymericzip/intlayer/blob/main/docs/docs/hi/configuration.md).

package/frequent_questions/hi/static_rendering.md

@@ -0,0 +1,46 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: Next.js में i18n के साथ स्थैतिक बनाम गतिशील रेंडरिंग
+description: Next.js में i18n के साथ स्थैतिक बनाम गतिशील रेंडरिंग का उपयोग कैसे करें, सीखें।
+keywords:
+  - स्थैतिक
+  - गतिशील
+  - रेंडरिंग
+  - i18n
+  - next.js
+  - next-intl
+  - intlayer
+  - फ्रेमवर्क
+  - मिडलवेयर
+  - कॉन्फ़िगरेशन
+slugs:
+  - doc
+  - faq
+  - static-rendering
+---
+
+# Next.js में i18n के साथ स्थैतिक बनाम गतिशील रेंडरिंग
+
+## **next-intl** के साथ समस्या
+
+- **क्या होता है?**
+  जब आप `useTranslations`, `getTranslations`, या कोई भी next-intl हेल्पर _सर्वर कंपोनेंट के अंदर_ i18n-रूटेड ऐप (`/en/…`, `/fr/…`) में उपयोग करते हैं, तो Next.js पूरे रूट को **गतिशील** के रूप में चिह्नित कर देता है। ([Next Intl][1])
+
+- **क्यों?**
+  next-intl वर्तमान लोकल को केवल अनुरोध-हेडर (`x-next-intl-locale`) से `headers()` के माध्यम से देखता है। क्योंकि `headers()` एक **गतिशील API** है, कोई भी कंपोनेंट जो इसे छूता है, स्थैतिक अनुकूलन खो देता है। ([Next Intl][1], [Next.js][2])
+
+- **आधिकारिक समाधान (बॉयलरप्लेट)**
+
+  1. हर समर्थित लोकल के साथ `generateStaticParams` निर्यात करें।
+  2. `useTranslations` कॉल करने से _पहले_ **हर** लेआउट/पेज में `setRequestLocale(locale)` कॉल करें। ([Next Intl][1])
+     इससे हेडर निर्भरता हट जाती है, लेकिन अब आपके पास अतिरिक्त कोड बनाए रखने के लिए होता है और उत्पादन में एक अस्थिर API होती है।
+
+## कैसे **intlayer** इस समस्या से बचता है
+
+**डिज़ाइन विकल्प**
+
+1. **केवल रूट-पैरामीटर** – लोकल `[locale]` URL सेगमेंट से आता है जिसे Next.js पहले से ही हर पेज को पास करता है।
+2. **कंपाइल-टाइम बंडल्स** – अनुवाद सामान्य ES मॉड्यूल के रूप में आयात किए जाते हैं, इसलिए वे ट्री-शेक किए जाते हैं और बिल्ड-टाइम पर एम्बेड किए जाते हैं।
+3. **कोई गतिशील API नहीं** – `useT()` React संदर्भ से पढ़ता है, न कि `headers()` या `cookies()` से।
+4. **कोई अतिरिक्त कॉन्फ़िगरेशन नहीं** – एक बार जब आपके पेज `app/[locale]/` के अंतर्गत होते हैं, तो Next.js स्वचालित रूप से प्रत्येक लोकल के लिए एक HTML फ़ाइल प्री-रेंडर करता है।

package/frequent_questions/hi/translated_path_url.md

@@ -0,0 +1,56 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: क्या मैं URL पथ का अनुवाद कर सकता हूँ?
+description: जानें कि URL पथ का अनुवाद कैसे करें।
+keywords:
+  - array
+  - content
+  - declaration
+  - intlayer
+  - middleware
+  - proxy
+  - rewrite
+  - prefix
+  - locale
+  - url
+slugs:
+  - doc
+  - faq
+  - translated-path-url
+---
+
+# क्या URL का निम्नलिखित रूप में अनुवाद संभव है:
+
+```bash
+en -> /product (कोई उपसर्ग नहीं) या /en/product (उपसर्ग के साथ)
+fr -> /fr/produit
+es -> /es/producto
+```
+
+दुर्भाग्यवश Intlayer निर्दिष्ट URL का अनुवाद करने की अनुमति नहीं देता है। इसे प्राप्त करने के लिए, आपको अपने स्वयं के मिडलवेयर या प्रॉक्सी का उपयोग करके URL को पुनःलिखित (rewrite) करना होगा।
+
+लेकिन आप `getMultilingualUrl` फ़ंक्शन का उपयोग करके किसी दिए गए लोकल के लिए URL में उपसर्ग डाल सकते हैं।
+
+```ts
+import { getMultilingualUrl, Locales } from "intlayer";
+
+const url = getMultilingualUrl("/product");
+
+/**
+ * en -> /product (कोई उपसर्ग नहीं) या /en/product (उपसर्ग के साथ)
+ * fr -> /fr/product
+ * es -> /es/product
+ */
+console.log(url);
+```
+
+या `getLocalizedUrl`
+
+```ts
+import { getLocalizedUrl, Locales } from "intlayer";
+
+const url = getLocalizedUrl("/product", Locales.FRENCH);
+
+console.log(url); // /fr/product
+```

package/frequent_questions/hi/unknown_command.md

@@ -0,0 +1,98 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: अज्ञात कमांड
+description: अज्ञात कमांड त्रुटि को कैसे ठीक करें, जानें।
+keywords:
+  - अज्ञात
+  - कमांड
+  - त्रुटि
+  - intlayer
+  - fill
+  - build
+  - verbose
+  - टर्मिनल
+  - पुनःप्रारंभ
+  - स्थानीय
+slugs:
+  - doc
+  - faq
+  - unknown-command
+---
+
+# त्रुटि: अज्ञात कमांड fill / build / आदि
+
+यदि `npx intlayer fill --verbose` देता है:
+
+```
+error: unknown command 'fill'
+```
+
+लेकिन आप सुनिश्चित हैं कि `fill` कमांड _मौजूद_ होना चाहिए, तो इसे हल करने के लिए ये कदम हैं:
+
+## 1. **सुनिश्चित करें कि आप नवीनतम संस्करण का उपयोग कर रहे हैं**
+
+चलाएँ:
+
+```bash
+npx intlayer --version                  # वर्तमान स्थानीय intlayer संस्करण
+npx intlayer@latest --version           # वर्तमान नवीनतम intlayer संस्करण
+```
+
+यह `npx` को सबसे हाल का संस्करण लाने के लिए मजबूर करता है। फिर पुनः प्रयास करें:
+
+```bash
+npx intlayer@latest build --verbose
+```
+
+## 2. **जांचें कि कमांड पंजीकृत है या नहीं**
+
+आप यह जांच सकते हैं:
+
+```bash
+npx intlayer --help                     # कमांड से संबंधित जानकारी प्रदान करें
+```
+
+देखें कि कमांड कमांड सूची में दिखाई देता है या नहीं।
+
+रिपॉजिटरी पर जाएं, और पुष्टि करें कि आपका कमांड CLI प्रवेश बिंदु में निर्यात और पंजीकृत है। Intlayer ने `commander` फ्रेमवर्क का उपयोग किया है।
+
+CLI से संबंधित कोड:
+https://github.com/aymericzip/intlayer/blob/main/packages/%40intlayer/cli/src/cli.ts
+
+## 4. **अपने टर्मिनल को पुनःप्रारंभ करें**
+
+कभी-कभी नए कमांड को पहचानने के लिए टर्मिनल को पुनःप्रारंभ करना आवश्यक होता है।
+
+## 5. **यदि आप `intlayer` का विकास कर रहे हैं, तो इसे पुनःनिर्माण और लिंक करें**
+
+यदि आप स्थानीय रूप से `intlayer` का विकास कर रहे हैं:
+
+```bash
+# intlayer निर्देशिका में
+npm install
+npm run build
+npm link
+```
+
+फिर एक अन्य टर्मिनल में:
+
+```bash
+intlayer fill --verbose
+```
+
+यह उस स्थानीय संस्करण का उपयोग करता है जिस पर आप काम कर रहे हैं।
+
+## 6. **npx कैश साफ़ करें (यदि आप पुराने संस्करण में फंसे हुए हैं)**
+
+```bash
+npx clear-npx-cache
+```
+
+या मैन्युअल रूप से कैश किए गए intlayer पैकेज हटाएं:
+
+```bash
+rm -rf ~/.npm/_npx
+```
+
+यदि आप pnpm, yarn, bun या अन्य पैकेज प्रबंधक का उपयोग करते हैं तो समकक्ष जांचें।

package/frequent_questions/it/SSR_Next_no_[locale].md

@@ -0,0 +1,105 @@
+---
+createdAt: 2025-05-20
+updatedAt: 2025-06-29
+title: È possibile usare Intlayer con Next.js senza `[locale]` nel percorso della pagina?
+description: Scopri come usare Intlayer con Next.js senza `[locale]` nel percorso della pagina.
+keywords:
+  - locale
+  - percorso
+  - intlayer
+  - next.js
+  - vite
+  - framework
+  - middleware
+  - configurazione
+  - prefixDefault
+  - noPrefix
+slugs:
+  - doc
+  - faq
+  - ssr-next-no-[locale]
+---
+
+# È possibile usare Intlayer con Next.js senza `[locale]` nel percorso della pagina?
+
+Sì, è possibile usare Intlayer con Next.js senza `[locale]` nel percorso della pagina. Tuttavia, non è consigliato farlo, perché suddividere la pagina permette di attivare più parole chiave sui motori di ricerca. Anche il tuo SSR potrebbe essere influenzato.
+
+Se vuoi farlo, segui gli stessi passaggi descritti nella guida [Intlayer con Next.js](https://intlayer.org/doc/environment/nextjs),
+
+- nessun `src/middleware.ts`
+- nessun `generateStaticParams`
+
+```tsx fileName="src/app/layout.tsx"
+import type { FC, PropsWithChildren } from "react";
+
+const LocaleLayout: FC<PropsWithChildren> = ({ children }) => (
+  <html lang={undefined} dir={undefined}>
+    <body className={inter.className}>{children}</body>
+  </html>
+);
+
+export default LocaleLayout;
+```
+
+```tsx fileName="src/app/page.tsx"
+import type { FC } from "react";
+import { ClientComponentExample } from "@components/ClientComponentExample";
+import { ServerComponentExample } from "@components/ServerComponentExample";
+import { PageContent } from "@components/pageContent";
+import { type NextPageIntlayer, IntlayerClientProvider } from "next-intlayer";
+import { IntlayerServerProvider } from "next-intlayer/server";
+
+const Page: FC = () => {
+  return (
+    <IntlayerServerProvider>
+      <PageContent />
+      <ServerComponentExample />
+
+      <IntlayerClientProvider>
+        <ClientComponentExample />
+      </IntlayerClientProvider>
+    </IntlayerServerProvider>
+  );
+};
+
+export default Page;
+```
+
+```tsx fileName="src/component/pageContent.ts"
+"use client";
+
+import { type FC } from "react";
+import { useIntlayer } from "next-intlayer";
+import { useHTMLLanguage } from "@hooks/htmlTextDir";
+
+const PageContent: FC = () => {
+  useHTMLLanguage();
+  const content = useIntlayer("page");
+
+  return (
+    <>
+      <p>{content.getStarted.main}</p>
+      <code>{content.getStarted.pageLink}</code>
+    </>
+  );
+};
+```
+
+```tsx fileName="src/hooks/htmlTextDir.ts"
+"use client";
+
+import { useEffect } from "react";
+import { getHTMLTextDir } from "intlayer";
+import { useLocale } from "next-intlayer";
+
+export const useHTMLLanguage = () => {
+  const { locale } = useLocale();
+
+  useEffect(() => {
+    if (!document) return;
+
+    document.documentElement.lang = locale; // Imposta l'attributo lang del documento
+    document.documentElement.dir = getHTMLTextDir(locale); // Imposta la direzione del testo (ltr o rtl) in base alla lingua
+  }, [locale]);
+};
+```