Static Site Generation

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

// locales/index.ts
export const {
  getLocaleProps,
  ...
} = createI18n({
  ...
})

Then, export a getStaticProps variable from your pages, or wrap your existing getStaticProps:

// pages/index.tsx
export const getStaticProps = getLocaleProps()
 
// or with an existing `getStaticProps` function:
export const getStaticProps = getLocaleProps(ctx => {
  // your existing code
  return {
    ...
  }
})

Static Site Rendering

If you already have a getServerSideProps on a page, you can't use getStaticProps. In this case, you can still use getLocaleProps the same way:

// pages/index.tsx
export const getServerSideProps = getLocaleProps(ctx => {
  // your existing code
  return {
    ...
  }
})

Get and change the locale