Next.js I18n

This feature is only available in the docs theme.

Nextra supports Next.js Internationalized Routing out of the box.

To add multi-language pages to your Nextra application, just need to config i18n in next.config.js:

// next.config.js
const withNextra = require('nextra')('nextra-theme-docs', './theme.config.js')
module.exports = withNextra({
i18n: {
locales: ['en', 'zh', 'de'],
defaultLocale: 'en',

Then, add the locale codes to your file extensions (required for the default locale too):


Finally, add the i18n option to your theme.config.js to configure the language dropdown:

i18n: [
{ locale: 'en', text: 'English' },
{ locale: 'zh', text: '中文' },
{ locale: 'de', text: 'Deutsch' },
{ locale: 'ar', text: 'العربية', direction: 'rtl' },