Author:

Creation:2026-09-02Last update:2026-09-16

इस दस्तावेज़ को अपने पसंदीदा AI एसिस्टेंट के साथ संदर्भित करेंChatGPT Claude DeepSeek Google AI mode Gemini Perplexity Mistral Grok

अपने प्रश्न को पूछें और दस्तावेज़ का सारांश प्राप्त करें, इस पृष्ठ और आपके चुने हुए AI प्रदाता का उपयोग करके

इस पृष्ठ की सामग्री एक AI द्वारा अनुवादित की गई है।

अंग्रेजी में मूल सामग्री के अंतिम संस्करण देखें

इस दस्तावेज़ को संपादित करें

अगर आपके पास इस दस्तावेज़ को सुधारने के लिए कोई विचार है, तो कृपया GitHub पर एक पुल अनुरोध सबमिट करके योगदान देने में संकोच न करें।

दस्तावेज़ के लिए GitHub लिंक

Copy

दस्तावेज़ का Markdown को क्लिपबोर्ड पर कॉपी करें

क्या 2026 में next-intl पुराना हो चुका है?

जब Vercel ने App Router पेश किया और Pages Router के इनबिल्ट i18n को हटा दिया, तब next-intl ने तेजी से इस अंतर को पाटा। Jan Amann के उत्कृष्ट दस्तावेज़ीकरण और समय पर App Router समर्थन ने इस लाइब्रेरी को कम्युनिटी की स्वाभाविक पसंद बना दिया।

तो फिर आज इसकी प्रासंगिकता पर सवाल क्यों उठ रहे हैं?

कारण यह है कि पिछले तीन वर्षों में वेब आर्किटेक्चर में व्यापक बदलाव आए हैं, लेकिन next-intl का बुनियादी मॉडल काफी हद तक स्थिर रहा है।

जबकि Next.js React Server Components (RSC), स्ट्रीमिंग और कंपाइलर-आधारित ऑप्टिमाइजेशन की दिशा में आगे बढ़ गया, next-intl अभी भी अंतर्राष्ट्रीयकरण को रनटाइम के कार्य के रूप में देखता है: क्लाइंट प्रोवाइडर्स को भारी JSON ऑब्जेक्ट्स भेजना, ब्राउज़र में ICU फॉर्मेटर्स चलाना और बंडल साइज को रोकने के लिए मैन्युअल नेमस्पेस विभाजन पर निर्भर रहना।

मुख्य बिंदु

धीमी होती विकास गति:

पिछले 12 महीनों में, next-intl में लगभग 187 कमिट हुए, जो मुख्यतः Next.js के नए वर्जन्स के साथ तालमेल और बग फिक्स तक सीमित रहे।

क्लाइंट रनटाइम ओवरहेड:

NextIntlClientProvider और useTranslations() का उपयोग किसी भी टेक्स्ट को दिखाने से पहले लगभग 12.8 KB gzipped (51 KB minified) कोड जोड़ देता है, जो next-intlayer (4.3 KB) से लगभग 3 गुना अधिक है।

90% गैर-ज़रूरी कंटेंट लीकेज:

सामान्य सेटअप में, किसी पेज पर भेजे गए 89.8% ट्रांसलेशंस अन्य रूट्स से संबंधित होते हैं। /contact पर जाने वाले यूज़र को /pricing और डैशबोर्ड के टेक्स्ट भी डाउनलोड करने पड़ते हैं।

मैन्युअल नेमस्पेस प्रबंधन का बोझ:

बंडल को फूलने से बचाने के लिए नेमस्पेस को रूट-दर-रूट मैन्युअल रूप से विभाजित करना पड़ता है, जिससे प्रोडक्शन में टेक्स्ट छूटने का खतरा बढ़ जाता है।

कमर्शियल पार्टनरशिप का प्रभाव:

Crowdin का आधिकारिक पार्टनर होने के कारण, प्रोजेक्ट के पास अपनी सीएलआई में पूरी तरह मुफ्त और लोकल एआई ट्रांसलेशन टूल विकसित करने का कोई व्यावसायिक कारण नहीं है।

मेंटेनेंस बनाम आधुनिक टूल्स

पिछले 12 महीनों की कमिट गतिविधि:

सभी तालिका सामग्री दिखाएं

सभी डेटा सामग्री को स्पष्ट रूप से देखने के लिए तालिका को मोडल में खोलें

रिपॉजिटरी	स्टार्स	कुल कमिट्स	कमिट्स / वर्ष	अंतिम कमिट
`amannn/next-intl`
`aymericzip/intlayer`

पिछले एक वर्ष का सारांश:

amannn/next-intl: 187 कमिट्स (मुख्यतः फ्रेमवर्क अपडेट्स और छोटे सुधार)।
aymericzip/intlayer: 4,343 कमिट्स (कंपाइलर, आईडीई एक्सटेंशन, एमसीपी सर्वर और एआई ट्रांसलेशन इंजन पर निरंतर विकास)।

एक स्थापित लाइब्रेरी सुरक्षा का अनुभव कराती है। लेकिन आधुनिक i18n की दुनिया बदल चुकी है: कंपाइलर्स अप्रयुक्त टेक्स्ट को बिल्ड के समय हटाते हैं, एलएलएम सीआई पाइपलाइन में अनुवाद करते हैं, और डेवलपर्स लैंग्वेज सर्वर (LSP) और एआई एजेंट्स की मदद लेते हैं। रनटाइम-केंद्रित लाइब्रेरी इन सुविधाओं को आसानी से आत्मसात नहीं कर पाती।

Next.js 16 App Router परफॉर्मेंस टेस्ट

10 रूट्स और 10 भाषाओं वाले सामान्य App Router एप्लिकेशन पर परीक्षण किया गया:

डायनामिक JSON लोडिंग

रनटाइम पर आलस्य से अनुवाद लोड करता है

स्कोप्ड JSON (नेमस्पेसिंग)

प्रति-पृष्ठ अनुवाद नेमस्पेस

I18n प्रदर्शन बेंचमार्क

यह मीट्रिक क्या है?

अंतर्राष्ट्रीयकरण लाइब्रेरी बंडल का कुल gzip-संपीड़ित आकार। इसमें केवल ट्री-शेकिंग और मिनिफिकेशन के बाद प्रदाता और सामग्री पुनर्प्राप्ति तर्क शामिल हैं।

यह महत्वपूर्ण क्यों है?

एक छोटा लाइब्रेरी आकार प्रारंभिक जावास्क्रिप्ट पेलोड को कम करता है, जिससे क्लाइंट पर तेज़ डाउनलोड और निष्पादन समय होता है।

देखने का तरीका

वास्तविक ब्राउज़रों में प्रोडक्शन gzip कंप्रेशन के साथ परीक्षण किया गया। पूर्ण विवरण Next.js बेंचमार्क रिपोर्ट में उपलब्ध है।

बेस लाइब्रेरी ओवरहेड

ट्रांसलेशन फाइल्स लोड होने से पहले क्लाइंट पर लोड:

सभी तालिका सामग्री दिखाएं

सभी डेटा सामग्री को स्पष्ट रूप से देखने के लिए तालिका को मोडल में खोलें

लाइब्रेरी	Gzipped	Minified
`next-intl@4.9.1`	12.8 KB	51.0 KB
`next-intlayer@8.7.12`	4.3 KB	13.3 KB

पेज का आकार और डेटा लीकेज

सभी तालिका सामग्री दिखाएं

सभी डेटा सामग्री को स्पष्ट रूप से देखने के लिए तालिका को मोडल में खोलें

कॉन्फ़िगरेशन	औसत पेज JS (gz)	भाषा लीकेज	अन्य पेज लीकेज	औसत कंपोनेंट (gz)
बेस (बिना i18n)	150.8 KB	0.0%	0.0%	0.7 KB
`next-intl` (स्टैटिक)	163.5 KB	4.2%	89.8%	20.5 KB
`next-intl` (डायनामिक)	163.4 KB	9.7%	89.9%	20.5 KB
`next-intlayer`	152.1 KB	0.0%	0.0%	7.2 KB

पेजों के बीच डेटा लीकेज क्यों होता है?

पारंपरिक next-intl प्रोजेक्ट्स में रूट लेआउट सभी संदेशों को एक ही बार में फेच करता है:

app/[locale]/layout.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

export default async function RootLayout({ children, params }) {
  const messages = await getMessages();

  return (
    <html>
      <body>
        <NextIntlClientProvider messages={messages}>
          {children}
        </NextIntlClientProvider>
      </body>
    </html>
  );
}

क्योंकि messages को सबसे ऊपर क्लाइंट प्रोवाइडर को सौंप दिया जाता है, ब्राउज़र हर पेज पर पूरे एप्लिकेशन की शब्दकोश सूची डाउनलोड करता है। /login पर आने वाला यूज़र एफएक्यू, गाइड्स और डैशबोर्ड का डेटा भी लोड करता है।

JSON फाइलों को नेमस्पेस में बांटकर इसे कम किया जा सकता है, लेकिन हर रूट के लिए इस मैपिंग को मैन्युअल रूप से संभालना मुश्किल और जोखिम भरा होता है।

नीचे दिया गया ग्राफ़ एक सैद्धांतिक ऐप के कंटेंट पेलोड का अनुमान देता है, जिसमें 1 से 10 पेज हैं और जिसे 1 से 10 भाषाओं में अनुवादित किया गया है, प्रति पेज लगभग 30 KB टेक्स्ट के साथ। locale के अनुसार कंटेंट को डायनामिक रूप से लोड करने से भाषा वाली धुरी हट जाती है, कंटेंट को कंपोनेंट या रूट तक सीमित करने से पेज वाली धुरी हट जाती है, और केवल दोनों के संयोजन से ही पेलोड स्थिर रहता है।

आर्किटेक्चर के अनुसार सैद्धांतिक कंटेंट लीकेज

Intlayer इसे स्टैटिक एनालिसिस से हल करता है: Intlayer कंपाइलर केवल उन्हीं टेक्स्ट्स को बंडल करता है जो उस विशेष रूट पर इस्तेमाल होते हैं, जिससे लीकेज 0.0% हो जाता है।

next-intl ट्री-शेकिंग का समर्थन क्यों नहीं करता?

लाइब्रेरी का एपीआई रनटाइम पर डायनामिक स्ट्रिंग कीज़ को हल करने पर निर्भर करता है:

UserProfile.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

"use client";

import { useTranslations } from "next-intl";

export function UserProfile() {
  const t = useTranslations("UserProfile");

  return <h2>{t("heading")}</h2>;
}

UserProfile.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

"use client";

import { useIntlayer } from "next-intlayer";

export function UserProfile() {
  const { heading } = useIntlayer("user-profile");

  return <h2>{heading}</h2>;
}

Turbopack और Webpack यह पहले से नहीं जान सकते कि UserProfile में कौन सी कीज़ कॉल की जाएंगी। टेक्स्ट मिसिंग एरर से बचने के लिए, बंडलर पूरे नेमस्पेस को क्लाइंट चंक में डाल देता है। इसके विपरीत, Intlayer में डिएस्ट्रक्चर्ड प्रॉपर्टीज कंपाइलर को सटीक उपयोग का विश्लेषण करने और गैर-ज़रूरी टेक्स्ट हटाने की अनुमति देती हैं। अधिक जानकारी के लिए बंडल ऑप्टिमाइजेशन देखें।

डेवलपर अनुभव (DX) की तुलना

अलग-थलग JSON फाइल्स बनाम को-लोकेशन

next-intl में टेक्स्ट कोड से दूर messages/ डायरेक्टरी में रहता है। Intlayer कंटेंट डिक्लेरेशन को सीधे कंपोनेंट के साथ रखने की सुविधा देता है:

messages/en.json

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

{
  "authModal": {
    "title": "Sign in to your account",
    "submitButton": "Continue"
  }
}

messages/hi.json

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

{
  "authModal": {
    "title": "अपने खाते में साइन इन करें",
    "submitButton": "जारी रखें"
  }
}

AuthModal.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useTranslations } from "next-intl";

export const AuthModal = () => {
  const t = useTranslations("authModal");
  return (
    <form>
      <h2>{t("title")}</h2>
      <button type="submit">{t("submitButton")}</button>
    </form>
  );
};

AuthModal.content.ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { t, type Dictionary } from "intlayer";

export default {
  key: "auth-modal",
  content: {
    title: t({
      en: "Sign in to your account",
      hi: "अपने खाते में साइन इन करें",
    }),
    submitButton: t({
      en: "Continue",
      hi: "जारी रखें",
    }),
  },
} satisfies Dictionary;

AuthModal.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useIntlayer } from "next-intlayer";

export const AuthModal = () => {
  const { title, submitButton } = useIntlayer("auth-modal");
  return (
    <form>
      <h2>{title}</h2>
      <button type="submit">{submitButton}</button>
    </form>
  );
};

जब आप AuthModal.tsx को हटाते या बदलते हैं, तो उससे जुड़ी कंटेंट फाइल भी स्वतः सिंक हो जाती है।

बेसिक ऑटो-कंप्लीशन बनाम सख्त टाइप सुरक्षा

next-intl में IntlMessages को डिक्लेयर करने से डिफ़ॉल्ट भाषा के आधार पर कोड सजेशन्स मिलते हैं:

global.d.ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import en from "./messages/en.json";

type Messages = typeof en;

declare global {
  interface IntlMessages extends Messages {}
}

लेकिन यह केवल बेस लैंग्वेज की जांच करता है। यदि hi.json से कोई की गायब हो जाए, तो टाइपस्क्रिप्ट कोई एरर नहीं देगा और प्रोडक्शन में यूज़र्स को खाली जगह दिखेगी।

Intlayer सभी कंटेंट फाइलों से सीधे टाइप्स बनाता है। strictMode चालू करने पर, किसी भी भाषा में ट्रांसलेशन छूटने पर तुरंत बिल्ड एरर आ जाता है।

टूलिंग और एआई इंटीग्रेशन

सभी तालिका सामग्री दिखाएं

सभी डेटा सामग्री को स्पष्ट रूप से देखने के लिए तालिका को मोडल में खोलें

फीचर	`next-intl`	Intlayer
VS Code एक्सटेंशन	❌ नहीं है	✅ ऑफिशियल एक्सटेंशन
Language Server (LSP)	❌ नहीं है	✅ समर्पित LSP
AI एजेंट्स के लिए MCP सर्वर	❌ नहीं है	✅ इनबिल्ट MCP सर्वर
एजेंट स्किल्स	❌ नहीं है	✅ रेडी-टू-यूज़ स्किल्स
विजुअल सीएमएस	❌ नहीं है	✅ मुफ्त और ओपन सोर्स

LSP और MCP सर्वर की उपलब्धता से एआई कोडिंग असिस्टेंट्स पूरे प्रोजेक्ट के ट्रांसलेशन स्ट्रक्चर को गहराई से समझ पाते हैं।

Crowdin के साथ व्यावसायिक साझेदारी

next-intl की Crowdin के साथ आधिकारिक साझेदारी है। ओपन सोर्स को स्पॉन्सरशिप मिलना अच्छी बात है, लेकिन यह प्राथमिकताओं को प्रभावित करता है: किसी बाहरी टीएमएस प्लेटफॉर्म के क्लाइंट के रूप में डिज़ाइन की गई लाइब्रेरी के पास अपनी सीएलआई में लोकल मुफ्त एआई ट्रांसलेशन देने का प्रोत्साहन कम होता है।

Intlayer ये सभी टूल्स डिफ़ॉल्ट रूप से उपलब्ध कराता है:

लोकल एआई ऑटो-फिल (intlayer fill):

अपनी OpenAI, Anthropic, Mistral या Gemini API कीज के साथ छूटे हुए टेक्स्ट्स को स्वतः पूरा करें।

सेल्फ-होस्टेड विजुअल सीएमएस:

Intlayer CMS के जरिए गैर-तकनीकी टीम के सदस्य सीधे वेब यूआई में टेक्स्ट एडिट करके गिट में कमिट कर सकते हैं।

ओपन सोर्स लाइसेंस:

सभी टूल्स Apache 2.0 लाइसेंस के तहत पूरी तरह स्वतंत्र रूप से उपलब्ध हैं।

किन परिस्थितियों में next-intl अब भी सही विकल्प है?

यदि आपका एप्लिकेशन जटिल प्लूरलाइजेशन और उन्नत फॉर्मेटिंग रूल्स का बड़े पैमाने पर उपयोग करता है, तो next-intl का ICU इंजन पूरी तरह परिपक्व है।

जिन टीमों की पूरी ट्रांसलेशन प्रक्रिया पहले से ही Crowdin पर सुचारू रूप से चल रही है, उनके लिए यह लाइब्रेरी आसान विकल्प है।

यदि मौजूदा एप्लिकेशन अपेक्षा के अनुरूप काम कर रहा है और बंडल साइज कोई बाधा नहीं है, तो तुरंत माइग्रेट करने की आवश्यकता नहीं है।

अपने मौजूदा next-intl सेटअप को कैसे बेहतर बनाएं?

Intlayer सीधे ड्रॉप-इन कम्पैटिबिलिटी पैकेज प्रदान करता है जो next-intl के फंक्शन और हुक सिग्नेचर (useTranslations, getTranslations, और रूटिंग हेल्पर्स) को पूरी तरह बनाए रखता है। कंपाइलर स्तर के अनुकूलन का लाभ लेने के लिए आपको अपने कंपोनेंट्स को फिर से लिखने की कोई आवश्यकता नहीं है।

सेटअप केवल एक कमांड से पूरा हो जाता है:

bash

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

npx intlayer init --interactive

यह इंटरैक्टिव सीएलआई स्वतः निम्नलिखित कार्य करता है:

@intlayer/next-intl कम्पैटिबिलिटी पैकेज इंस्टॉल करता है।
बंडलर एलियास को कॉन्फ़िगर करता है ताकि आपके मौजूदा इंपोर्ट्स (next-intl, next-intl/server) सीधे Intlayer पर मैप हो जाएं, जिससे पुरानी लाइब्रेरी को package.json से सुरक्षित रूप से हटाया जा सके।
एडिटर में लैंग्वेज सर्वर (LSP) डायग्नोस्टिक्स, बिल्ड के दौरान पेजों के बीच अनुवाद डेटा लीकेज की रोकथाम (पूर्ण tree-shaking) और लोकल एआई ट्रांसलेशन फ्लो को बिना किसी जटिल बदलाव के तुरंत सक्रिय करता है।

विस्तृत जानकारी के लिए हमारे विशेष गाइड्स देखें:

तत्काल अनुकूलता: next-intl कम्पैटिबिलिटी लेयर का उपयोग करके अपने मौजूदा useTranslations कोड को बिना बदले ऑप्टिमाइज्ड बिल्ड पा सकते हैं।
माइग्रेशन गाइड: अपनी पुरानी JSON फाइलों को टाइप-सेफ डिक्शनरीज में बदलने के लिए हमारे next-intl माइग्रेशन गाइड की मदद लें।
हाइब्रिड मॉडल: यूआई में next-intl बनाए रखते हुए, लोकल एआई ट्रांसलेशन का लाभ उठाने के लिए Intlayer को next-intl के साथ जोड़ें।

मुफ्त i18n SEO स्कैनर से अपनी साइट के बंडल साइज और कंटेंट लीकेज की जांच करें:

नवीनतम पोस्ट

2026 में सही React i18n लाइब्रेरी कैसे चुनें

React internationalization के लिए एक निर्णय गाइड। react-i18next, react-intl, Lingui, use-intl, Paraglide और Intlayer की तुलना करने से पहले किन सवालों के जवाब देने चाहिए, और प्रत्येक विकल्प bundle size, typing और maintenance में क्या लागत लेता है।

Aymeric PINEAU

2026 में सही Vue i18n लाइब्रेरी कैसे चुनें

Vue और Nuxt internationalization के लिए एक निर्णय गाइड। vue-i18n, @nuxtjs/i18n, fluent-vue, Paraglide और Intlayer की तुलना करने से पहले किन सवालों के जवाब देने चाहिए, और बंडल साइज़, टाइपिंग और SSR पेलोड में प्रत्येक विकल्प की क्या लागत आती है।

Aymeric PINEAU

2026 में सही Svelte i18n लाइब्रेरी कैसे चुनें

Svelte और SvelteKit अंतर्राष्ट्रीयकरण के लिए एक निर्णय मार्गदर्शिका। svelte-i18n, Paraglide, typesafe-i18n, wuchale और Intlayer की तुलना करने से पहले किन सवालों के जवाब देने चाहिए, और प्रत्येक विकल्प बंडल आकार, टाइपिंग और SSR सुरक्षा के मामले में क्या लागत लेता है।

Aymeric PINEAU

2026 में सही Solid i18n लाइब्रेरी कैसे चुनें

SolidJS और SolidStart internationalization के लिए एक निर्णय गाइड। @solid-primitives/i18n, solid-i18next, Paraglide, Lingui और Intlayer की तुलना करने से पहले किन सवालों के जवाब देने चाहिए, और प्रत्येक विकल्प reactivity, bundle size और typing में क्या लागत लेता है।

Aymeric PINEAU

क्या 2026 में next-intl पुराना हो चुका है?

मुख्य बिंदु

मेंटेनेंस बनाम आधुनिक टूल्स

Next.js 16 App Router परफॉर्मेंस टेस्ट

I18n प्रदर्शन बेंचमार्क

बेस लाइब्रेरी ओवरहेड

पेज का आकार और डेटा लीकेज

पेजों के बीच डेटा लीकेज क्यों होता है?

next-intl ट्री-शेकिंग का समर्थन क्यों नहीं करता?

डेवलपर अनुभव (DX) की तुलना

अलग-थलग JSON फाइल्स बनाम को-लोकेशन

बेसिक ऑटो-कंप्लीशन बनाम सख्त टाइप सुरक्षा

टूलिंग और एआई इंटीग्रेशन

Crowdin के साथ व्यावसायिक साझेदारी

किन परिस्थितियों में next-intl अब भी सही विकल्प है?

अपने मौजूदा next-intl सेटअप को कैसे बेहतर बनाएं?

संबंधित लेख

टिप्पणियाँ

संबंधित पोस्ट

नवीनतम पोस्ट