how to change with next-i18next when language changed in nextjs?

Question

I'm using next-i18next for multi language website and for all components works well but I dont know how to change the language of html tag in _document.js file?

Where can I find the sample _document.js file? I cannot find it in next-18next repo. — Pirun Seng, Nov 26 '20 at 09:12

score 3 · Accepted Answer · answered Jul 15 '20 at 11:48

3

Here is my solution.

class MyDocument extends Document {
  static async getInitialProps(ctx) {
     const initialProps = await Document.getInitialProps(ctx)
     const language = ctx.req.language
     return { ...initialProps, language }
  }

  render() {
    return (
       <Html lang={this.props.language}>
         <Head />
         <body>
           <Main />
           <NextScript />
         </body>
       </Html>
    ) 
  } 
}

answered Jul 15 '20 at 11:48

bcjohn

2,383
12
27

thank you it needs a refresh after that every thing is ok – Reza Ghorbani Jul 15 '20 at 19:53

how to change with next-i18next when language changed in nextjs?

1 Answers1