nextRound
TechnologiesCoding ProblemsBookmarksLearning Paths
nextRound
TechnologiesCoding ProblemsBookmarksLearning Paths
nextRound

AI-powered interview preparation platform. Practice with curated questions, mock interviews, and personalized learning paths to crack your dream tech interview.

Quick Links

  • Technologies
  • Saved Questions
  • Pricing

Company

  • About Us
  • Contact Us

Legal

  • Privacy Policy
  • Terms of Use

© 2026 nextRound. All rights reserved.

TOPIC OVERVIEW

nextjs/i18n

Serving the right language and locale-specific content, based on the URL.

10 QuestionsAdvancedMedium Priority ~11 min read

The App Router removed the built-in i18n routing configuration the Pages Router used to have, so internationalization is now implemented as a routing pattern you build yourself — typically a [locale] dynamic segment at the top of the route tree, with Middleware detecting the user's preferred locale (from the Accept-Language header or a stored cookie) and redirecting or rewriting to the correctly locale-prefixed path.

This is usually paired with a library like next-intl, or a custom dictionary-loading setup, to actually manage translated strings per locale — and with generateStaticParams to pre-render every supported locale's version of a static page at build time, rather than translating on the fly for every request. The routing logic and the translation-content management are genuinely two separate concerns, and keeping them that way makes both easier to reason about independently.

What you'll walk away knowing

Why the App Router handles i18n as a routing pattern you implement, rather than built-in config
How a [locale] segment combined with Middleware detects and redirects to the right locale
How generateStaticParams pre-renders every supported locale of a static page at build time
The distinction between locale routing and actual translation-content management, and why they're separate concerns
1How to render static messages and messages with arguments in next-intl?Intermediate2How to format dates in next-intl?Intermediate3How do you implement internationalisation in NextJS using next-intl?Intermediate4What is internationalization (i18n) and localization (l10n)Intermediate5How do you implement Locale-based routing using next-intl explain each step and configuration for app router?Intermediate6How to format numbers in next-intl?Intermediate7How to implement internationalisation in nextJS?Intermediate
All Topics
1
Basics
Project Structure
Runtime
Compiler
2
SSG
SSR
CSR
3
Routing
Route Handlers
Route Groups
Dynamic Routes
Parallel Routes
Intercepting Routes
4
Middleware
Server Actions
APIS
Data Fetching
Caching
Clients
5
Optimisation
i18n
Security
Architecture
Deployment
Accessibility
Sharethis topic

Share via WhatsApp, X, Facebook, LinkedIn or copy link. Open Graph preview enabled.