Next.js 13

With the introduction of the app directory, Next.js 13 provides a new level of flexibility for React apps. With this step, Next.js is removing their built-in internationalized routing, leaving the implementation of this up to the user.

To fill in the gap, next-intl provides a drop-in replacement for the routing layer, handling the locale negotiation, redirects and cookies.

There are currently two ways how you can set your app up with next-intl in the app directory:

1. Deferring the usage of next-intl to Client Components (stable, recommended when you migrate)
2. Using next-intl in Server Components (preview)