// Dependencies import { serverSideTranslations } from 'next-i18next/serverSideTranslations' // Hooks import { useTranslation } from 'next-i18next' // Components import Head from 'next/head' import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs' import { Popout, ns as popoutNs } from 'shared/components/popout/index.mjs' import { WebLink } from 'shared/components/web-link.mjs' const ns = ['lab', ...pageNs, ...popoutNs] /* * Each page MUST be wrapped in the PageWrapper component. * You also MUST spread props.page into this wrapper component * when path and locale come from static props (as here) * or set them manually. */ const HomePage = ({ page }) => { const { t } = useTranslation(ns) return ( {t('lab:welcome')}

{t('lab:welcome')}

{t('lab:about')}

{t('lab:what')}

{t('lab:what1')}

{t('lab:what2')}

{t('lab:what3')}

) } export default HomePage export async function getStaticProps({ locale }) { return { props: { ...(await serverSideTranslations(locale, ns)), page: { locale, path: [], }, }, } }