i18next/next-i18next

Features

• Internationalization Frameworks - Provides the core i18n framework that adds locale detection, translation loading, and hydration to Next.js apps.
• Internationalization Libraries - Adds multi-language support to Next.js applications with locale detection, translation loading, and server-client hydration.
• Server Component Translation Functions - Provides async getT() functions that load translation resources before rendering localized text in Server Components.
• Translation Hydrations - Serializes server-loaded translations and passes them to the client-side provider for immediate access.
• Locale-Aware Routings - Configures URL paths with language prefixes and automatically redirects users to the correct locale-based route.
• Language Preference Cookie Persistence - Stores the user's selected language in a browser cookie and reads it on subsequent requests to maintain language preference across sessions.
• Next.js Integrations - Integrates multi-language support into Next.js, detecting user locale and serving translated content across components.
• i18next Integrations - Connects the i18next ecosystem to Next.js, supporting both App Router and Pages Router with unified translation management.
• Translation Tools - Provides async translation functions for Server Components, loading resources before rendering localized text.
• Accept-Language Locale Settings - Parses the HTTP Accept-Language header on the server to determine the user's preferred language for initial page loads.
• Cookie and Header Language Detectors - Reads user language from a browser cookie or Accept-Language header and sets it for all subsequent translations.
• Automatic Language Detections - Automatically detects user language from cookies, Accept-Language headers, or fallback values for consistent translation.
• Translation Hooks - Provides a useT() hook in Client Components that returns the t function for the current language and namespace.
• Translation Hydrations - Hydrates server-loaded translations into client-side state so localized text renders immediately without extra requests.
• Translation - Serializes server-loaded translations into page HTML for immediate client-side access without additional network requests.
• Locale-Aware Routing Middleware - Rewrites URLs with locale prefixes and detects user language from cookies or Accept-Language headers.
• Localized URL Mapping - Rewrites incoming requests to prepend a locale segment to the URL path for language-specific routing.
• Translation Functions - Provides a dedicated translation function for translating text directly inside async Server Components without client hydration.
• Translation Hydration Utilities - Serializes server-loaded translations into a JSON payload embedded in page HTML for immediate client-side access.
• i18next Backend Plugin Integrations - Loads translation files from remote APIs, CDNs, or custom backends using i18next plugins instead of local JSON files.
• Translation Namespace Loading - Supports any i18next backend plugin to fetch translation files from APIs, CDNs, or local storage on demand.
• Translation Backend Plugin Systems - Loads translation files from remote APIs, CDNs, or custom backends using i18next plugins instead of local JSON files.
• Translation - Loads translation backends and formatters through a unified plugin system that extends the core i18next instance.
• URL-Driven Language Switching - Switches language by navigating to a new locale prefix in the URL or updating a cookie without a full page reload.
• Mixed Router Internationalization Setups - Supports both App Router and Pages Router in the same Next.js project with separate internationalization configurations.
• Next.js Mixed Router Compatibility Layers - Provides separate middleware and configuration paths for App Router and Pages Router, allowing both routing systems to coexist.
• Internationalization Integrations - Integrates i18next with the Pages Router to handle translation routing, resource hydration, and locale management.

Star history