DocsDocsExamplesExamplesBlogBlog
GitHubGitHub (opens in a new tab)
    • Welcome!
    • App Router (Client Components)
    • App Router (Server Components)
    • Pages Router
    • Start
    • Messages
    • Numbers
    • Dates and times
    • Lists
    • Overview
    • Server & Client Components
    • Metadata & Route Handlers
    • Core library
  • Global configuration
    • Overview
    • Middleware
    • Navigation
  • TypeScript
  • Production checklist
  • FAQ
  • Localization management with Crowdin
      • Welcome!
      • App Router (Client Components)
      • App Router (Server Components)
      • Pages Router
      • Start
      • Messages
      • Numbers
      • Dates and times
      • Lists
      • Overview
      • Server & Client Components
      • Metadata & Route Handlers
      • Core library
    • Global configuration
      • Overview
      • Middleware
      • Navigation
    • TypeScript
    • Production checklist
    • FAQ
    • Localization management with Crowdin
    • App Router
    • Pages Router
    • Pages Router (advanced)
    • next-intl blog

Presented by

Crowdin logo
Question? Give us feedback → (opens in a new tab)Edit this page
Docs
Usage guide
Start

Usage guide

This guide explains how next-intl can be used in React components.

Note that while it might be helpful to get an overview of the capabilities of next-intl, you don't have to read the whole usage guide upfront. Rather, you can come back to it as necessary.

Let's get started:

Render messages in components→

If you prefer a more hands-on approach to learning, you can alternatively explore these example apps:

  • App Router example
  • Pages Router example
  • Pages Router (advanced) example
Pages RouterMessages

Docs

 · 

Examples

 · 

Blog

GitHub

 · 

Hosted onVercel