Back to results for “Routing (App/Pages Router)”
Next.js › Internationalization (i18n) in Next.js

What is internationalization, and how does it apply to a Next.js application?

Beginner

Answer

Internationalization means preparing your application to support multiple languages and regions, such as translating text and formatting dates or currency differently depending on the visitor's locale. In Next.js, this usually involves structuring your routes and content so each supported language has its own clearly organized version.
// app/[locale]/page.js
export default function HomePage({ params }) {
  return <h1>Welcome</h1>; // translated based on locale
}
Real-world example A global retail website shows product prices in euros with French text for visitors from France, and in dollars with English text for visitors from the United States, using the same underlying application.

Common follow-ups: What is the difference between internationalization and localization?;Do you need a special library to add internationalization to Next.js?