Next.js internationalization (i18n) tutorial

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • nextjs-i18n-example

    Next.js internationalization with react-intl

  • All code samples used in this article are available on the GitHub repo.

  • React Intl

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

  • 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.

  • SurveyJS

    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.

    SurveyJS logo
  • vercel

    Develop. Preview. Ship.

  • Next.js is an open-source framework created by Vercel (formerly ZEIT). It is built on top of React and provides an out-of-the-box solution for server-side rendering (SSR) of React components. Furthermore, it supports static site generation (SSG), which can help us to build superfast and user-friendly websites in no time. Although a relatively young framework, it has a good foundation for internationalization which complements well with existing i18n libraries. In the following chapters, we will explain how to set up internationalization in your Next.js app.

  • jsLingui

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

  • 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.

  • next-intl

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

  • 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.

  • Next.js

    The React Framework

  • Next.js is an open-source framework created by Vercel (formerly ZEIT). It is built on top of React and provides an out-of-the-box solution for server-side rendering (SSR) of React components. Furthermore, it supports static site generation (SSG), which can help us to build superfast and user-friendly websites in no time. Although a relatively young framework, it has a good foundation for internationalization which complements well with existing i18n libraries. In the following chapters, we will explain how to set up internationalization in your Next.js app.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Translating zod errors with next-intl

    5 projects | dev.to | 5 Mar 2024
  • Managing translations

    4 projects | /r/reactnative | 21 Dec 2022
  • Best internationalization for Gatsby

    8 projects | dev.to | 9 Aug 2022
  • What's a good JS library for handling the quiz portion (grading, etc.) of an e-learning web application (needs to have multi-language support)?

    3 projects | /r/webdev | 13 Jul 2022
  • i18next Crash Course | the JavaScript i18n framework

    4 projects | dev.to | 6 Jun 2022