i18n for Next.js

Introduction

Internationalization lets Next.js applications serve users in different languages and regions. The App Router provides file-system routing, server components, and middleware that make building multilingual applications straightforward.

These guides show you how to build internationalized Next.js applications using patterns that leverage server-side rendering, static generation, and client components where needed.

Next steps

Browse the sidebar to explore guides by topic. Each guide is self-contained with a problem statement, solution, and step-by-step implementation.

Start with language-based routing if you're new to Next.js i18n. Then move to loading translations and formatting. The guides assume Next.js App Router (16+).