next-intl
react-i18next
Our great sponsors
next-intl | react-i18next | |
---|---|---|
5 | 70 | |
1,678 | 8,869 | |
- | 1.4% | |
9.6 | 8.9 | |
8 days ago | 21 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
next-intl
- How next-intl Works
-
Localized tRPC errors
We start with a project that was bootstrapped with create-t3-app. For internationalization we use next-intl and set it up as described in the getting started guide. With this initial project setup we can jump into implementing localized error messages.
-
Translating zod errors with next-intl
When starting a new project with Next.js these days, next-intl and zod are my go to libraries for internationalization and schema validation, respectively. Of course, when using zod for client-facing validations I would like to translate potential error messages. The package zod-i18n can be used to achieve this for i18next, a popular alternative internationalization library. This means that by using this library as starting point one can quickly achieve zod translation with next-intl.
-
Next.js internationalization (i18n) tutorial
As we mentioned earlier, the Next.js works well with existing i18n libraries (react-intl, lingui, next-intl, and similar). In this tutorial, we will use the react-intl.
-
i18n and Next.js
next-intl
react-i18next
-
Pains and solutions in localization for the web
In a recent project I've been using react-i18next so I'll use its syntax for the examples, but pretty much every library works similarly.
-
45 NPM Packages to Solve 16 React Problems
react-i18next
-
React Ecosystem inΒ 2024
i18next - You can find documentation and resources for using i18next at react.i18next.com. i18next is a popular internationalization framework for JavaScript, including React. It provides a comprehensive solution for handling translations, formatting, and more.
-
Enforcing Localization through Types
So far, weβve been using a utility createLocalizedString to create and use the LocalizedString type. This utility is only really practical in unit tests. For real applications, weβll want to use a translation function from react-i18next or next-i18next to do the heavy lifting. Then we just wrap the translation functions that are provided in order to use our type:
-
5 Not-So-Typical React Libraries for an Outstanding Project
GitHub: https://github.com/i18next/react-i18next
Website: https://react.i18next.com/
-
Looking for a few iOS devs that are interested in getting their apps localized.
I will be supporting Korean as a part of the beta. I have to look deeper into https://react.i18next.com/ in order to understand what it provides. My goal is for engineers to be able to click a single button and have localizations always up to date in their codebase, not delaying shipping a new version or having to even think about it.
would this be something like https://react.i18next.com/ but for swift? I'll pass this forward to my wife (shes a swift dev). Do you support Korean? Its been notoriously difficult to find services that support Korean. You mentioned Android, anything with Kotlin? Love to take a look :)
-
Supercharge Your TypeScript App: Mastering i18next for Type-Safe Translations
With the new react-i18next version, when loading multiple namespaces, t function will infer and accept the keys for the first namespace. So this pattern is now accepted:
-
React Ecosystem in 2023.
react-i18next
What are some alternatives?
React Intl - The monorepo home to all of the FormatJS related libraries, most notably react-intl.
next-i18next - The easiest way to translate your NextJs apps.
jsLingui - π π A readable, automated, and optimized (3 kb) internationalization for JavaScript
i18next - i18next: learn once - translate everywhere
nextjs-monorepo-example - Collection of monorepo tips & tricks
transloco - π π The internationalization (i18n) library for Angular
next-translate - Next.js plugin + i18n API for Next.js π - Load page translations and use them in an easy way!
react-globalize - Bringing the i18n functionality of Globalize, backed by CLDR, to React
i18next-chained-backend - An i18next backend to chain multiple backends (add fallbacks, caches, ...)
i18next-locize-backend - A simple i18next backend for locize.com which can be used in Node.js, in the browser and for Deno.