i18n and Next.js

• react-i18next

  70 8,934 8.9 JavaScript

  Internationalization for react done right. Using the i18next i18n ecosystem.

  

react-18next

• React Intl

  19 14,059 9.2 TypeScript

  The monorepo home to all of the FormatJS related libraries, most notably react-intl.

  

I'm currently setting up i18n for a boilerplate that I am creating and deciding on which package to use. I've used react-intl in the past (when Next.js did not yet have internationalised routing) and it was a fine experience. However, since I now have the opportunity to reevaluate which package to use, I thought I might as well ask others for their opinion.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• jsLingui

  9 4,198 8.8 TypeScript

  🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript

  

lingui

• rosetta

  2 766 4.0 JavaScript

  A general purpose internationalization library in 292 bytes

rosetta

• next-intl

  6 1,768 9.6 TypeScript

  Internationalization (i18n) for Next.js that gets out of your way. 🌐

next-intl

• next-i18next

  26 5,247 7.9 TypeScript

  The easiest way to translate your NextJs apps.

  

next-i18nnext

• nextjs-monorepo-example

  19 1,461 9.9 TypeScript

  Collection of monorepo tips & tricks

Recent version and nextJs 10+ should be better, I'm in the process of comparing it with next-translate (here's a P/R example: https://github.com/belgattitude/nextjs-monorepo-example/pull/71 for next-i18next), but it's more poc right now. It just inject all the nextjs i18n config for you... super easy now.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• Next.js

  2,041 120,572 10.0 JavaScript

  The React Framework

  

I have just been looking into using it with Next.js and it seems like a pain to set up. The example in their repository uses getInitialProps to polyfill and load the messages, which disables SSG on every page of the website! How do you do it?

Suggest a related project