Static Rendering

⚠️

This feature doesn't work yet due to how Next.js handles dynamic route segments when rendering.

Next.js allows to render pages statically with output: 'export' inside next.config.js. Export getStaticParams from createI18nServer:

// locales/server.ts
export const {
  getStaticParams,
  ...
} = createI18nServer({
  ...
})

Then, export a new generateStaticParams function from all your pages. Next.js requires it to be a function, so you can't just export the getStaticParams function directly:

// app/[locale]/page.tsx
import { getStaticParams } from '../../locales/server'
 
export function generateStaticParams() {
  return getStaticParams()
}

Middleware configuration Setup