// Dependencies import { serverSideTranslations } from 'next-i18next/serverSideTranslations' import { nsMerge, capitalize } from 'shared/utils.mjs' // Hooks import { useTranslation } from 'next-i18next' import { collection } from 'site/hooks/use-design.mjs' // Components import Head from 'next/head' import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs' import { WebLink, PageLink } from 'shared/components/link.mjs' const ns = nsMerge('lab', 'designs', pageNs) /* * 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:designs')}

{collection.sort().map((d) => ( ))}

{t('lab:docs')}


  • {t('lab:orgDocs')}

  • {t('lab:devDocs')}
    ({t('lab:enOnly')})

{t('lab:support')}

{t('lab:about')}

{t('lab:what')}

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