Better I18Nलोड हो रहा है...
लोड हो रहा है...
बहुभाषी Next.js एप्लिकेशन बनाने के लिए सभी आवश्यक चीज़ें। CDN-संचालित अनुवाद, सर्वर-साइड रेंडरिंग और तत्काल भाषा बदलाव।
अनुवाद Cloudflare CDN के माध्यम से दुनिया भर के edge स्थानों से परोसे जाते हैं। 50ms से कम लोड समय और प्रकाशन पर स्वचालित कैश अमान्यीकरण।
CDN डिलीवरी के बारे में जानेंसंदेश getMessages() के माध्यम से आपके लेआउट में सर्वर-साइड लोड होते हैं। अनुवादन रहित सामग्री की कोई झलक नहीं, पूर्व-रेंडर अनुवादों के साथ पूर्ण SEO-अनुकूल।
API संदर्भ देखेंuseSetLocale() के साथ पूर्ण पृष्ठ पुनर्लोड के बिना क्लाइंट साइड भाषाएँ बदलें। BetterI18nProvider CDN से नई अनुवाद लाता है और तुरंत री-रेंडर करता है।
क्लाइंट-साइड दस्तावेज़useManifestLanguages() CDN मैनिफेस्ट से उपलब्ध भाषाएँ लाती है। डैशबोर्ड में कोई भाषा जोड़ें और वह आपके अप्प में स्वचालित रूप से दिखाई देती है।
हुक देखेंपूर्ण TypeScript समर्थन के साथ next-intl पर निर्मित। useTranslations() अनुवाद कुंजियों के लिए कंपाइल-समय जांच प्रदान करती है — रनटाइम से पहले त्रुटियां पकड़ें।
टाइप-सुरक्षित API दस्तावेज़better-i18n डैशबोर्ड में AI अनुवाद सुझाव प्राप्त करें। मानवीय अनुमोदन वर्कफ़्लो गुणवत्ता सुनिश्चित करता है। दिनों की बजाय मिनटों में पूरे प्रोजेक्ट अनुवादित करें।
डैशबोर्ड आज़माएँbetterMiddleware() URL पाथ, कुकी या Accept-Language हेडर से उपयोगकर्ता की भाषा पहचानती है। आसान ऑथ एकीकरण के लिए Clerk-शैली कॉलबैक पैटर्न।
मिडलवेयर सेटअप गाइडdash.better-i18n.com से अनुवाद, भाषाएं और नेमस्पेस प्रबंधित करें। रीयल-टाइम सहयोग, वर्जन इतिहास और GitHub एकीकरण।
डैशबोर्ड खोलेंGet up and running in 4 simple steps.
Add the SDK to your project
bun add @better-i18n/nextCreate your i18n config
export const i18n = createI18n({ ... })Add BetterI18nProvider to your layout
<BetterI18nProvider>Call useTranslations() in any component
const t = useTranslations("ns")better-i18n works with all major React frameworks out of the box.
| Feature | Next.js | Expo | Remix | Hono | TanStack |
|---|---|---|---|---|---|
| CDN Fetch | ✓ | ✓ | ✓ | ✓ | ✓ |
| ISR / Revalidation | ✓ | — | ✓ | — | ✓ |
| useSetLocale() | ✓ | ✓ | ✓ | ✓ | ✓ |
| useFormatter() | ✓ | ✓ | ✓ | ✓ | ✓ |
| LocaleDropdown | ✓ | ✓ | ✓ | ✓ | ✓ |
| SSR Support | ✓ | — | ✓ | ✓ | ✓ |
5 मिनट से कम में अपने Next.js अप्प में अंतरराष्ट्रीयकरण जोड़ें। पूरी गाइड फॉलो करें
// i18n.config.ts
import { createI18n } from "@better-i18n/next";
export const i18n = createI18n({
project: "your-org/your-project",
defaultLocale: "en",
});
// middleware.ts
import { i18n } from "./i18n.config";
export default i18n.betterMiddleware();
// app/[locale]/layout.tsx
const messages = await i18n.getMessages(locale);
<BetterI18nProvider config={i18n.config} locale={locale} messages={messages}>
{children}
</BetterI18nProvider>
// Any component
const t = useTranslations("namespace");
return <h1>{t("title")}</h1>;निशुल्क खाता बनाएँ, अपनी भाषाएँ जोड़ें, और अनुवाद शुरू करें। वैश्विक दर्शकों के लिए निर्माण करने वाले हजारों डेवलपर्स से जुड़ें।