Translate Next.js

1npm install @sejhey/react-i18n

1import { SejheyI18n, SejHeyProvider,getSejHeyInitialProps, 
2useTranslate, T} from '@sejhey/react-i18n'
3
4/* Create the i18n instance */
5const i18n = 
6new SejheyI18n({
7 defaultLanguage: 'en', 
8 projectId: 'zbzz-xqjv'
9})
10.useCdnLoader() 
11.useInContextEditor()
12.useLanguagePicker()
13
14
15/* Wrap you app. Usually _app.tsx */
16export default function MyApp({ Component, pageProps, serialized }:
17 { Component: any, pageProps: any, serialized?: any }) {
18  return (
19    <SejHeyProvider i18n={i18n} serialized={serialized}>
20      <Component {...pageProps} />
21    </SejHeyProvider>
22  );
23}
24
25/* Init the plugin on the server side */
26MyApp.getInitialProps = async (appContext: AppContext) => 
27getSejHeyInitialProps(App,appContext, i18n);
28
29
30
31/* Now use translations like this */
32const AnotherComponent = () => {
33  const { t } = useTranslate()
34
35  return (
36    <>
37      <h1>{t('welcome_message')}</h1>
38
39      {/* Or if you prefer a component */}
40
41      <T keyName='welcome_message' />
42    </>
43  )
44}
45