i18n for Next.js Pages Router

Introduction

Internationalization in Next.js Pages Router applications uses getServerSideProps, getStaticProps, and built-in i18n routing. The Pages Router provides file-system routing with locale prefixes, automatic locale detection, and server-side data fetching that make building multilingual applications straightforward. These guides show you how to implement i18n patterns that leverage the Pages Router's conventions and capabilities.

The approach uses Next.js's built-in i18n routing configuration, which automatically handles locale prefixes in URLs. Server-side functions fetch locale-specific content, and components format data based on the current locale from the router.

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 locale-based routing to configure Next.js's i18n settings. Then move to loading translations and formatting. The guides assume Next.js 12+ with Pages Router.