next.js/examples/with-i18next/pages/index.js

import React, { Component } from 'react'
import { I18nextProvider } from 'react-i18next'
import startI18n from '../tools/startI18n'
import { getTranslation } from '../tools/translationHelpers'
import Title from '../components/Title'

// get language from query parameter or url path
const lang = 'id'

export default class Homepage extends Component {
  static async getInitialProps () {
    const translations = await getTranslation(lang, 'common', 'http://localhost:3000/static/locales/')

    return { translations }
  }

  constructor (props) {
    super(props)

    this.i18n = startI18n(props.translations, lang)
  }

  render (props) {
    return (
      <I18nextProvider i18n={this.i18n}>
        <Title />
      </I18nextProvider>
    )
  }
}