react-i18next:: You will need to pass in an i18next instance by using initReactI18next
From the next-i18next
docs:
Then we add
serverSideTranslation
togetStaticProps
orgetServerSideProps
(depending on your case) in our page-level components.
Meaning you'll need to add serverSideTranslation
to the pages that need translations.
For example in your pages/d/[tab]/index
file:
import Head from 'next/head';import { Input } from '../../../components/Input';import YouTube from '../../../components/youtube/Main';import { serverSideTranslations } from 'next-i18next/serverSideTranslations';const index = () => { return ( <> <Head> <title>YouTube</title> </Head> <YouTube /> </> );};export const getServerSideProps = async ({ locale }) => ({ props: { ...(await serverSideTranslations(locale, ['common'])) }});export default index;
Then further down in your Main
component you can access the documentation
translation using:
t('pages.documentation')