Function HomePage

pages/index.tsx:50–73

(props: HomePageProps)

  productGroups: Array<ProductGroupT>
}
function HomePage(props: HomePageProps) {
  const { gettingStartedLinks, popularLinks, productGroups } = props
  const { t } = useTranslation(['toc'])

  return (
    <div>
      <HomePageHero />
      <ProductSelections productGroups={productGroups} />
      <div className="mt-6 px-3 px-md-6 container-xl">
        <div className="container-xl">
          <div className="gutter gutter-xl-spacious clearfix">
            <div className="col-12 col-lg-6 mb-md-4 mb-lg-0 float-left">
              <ArticleList title={t('toc:getting_started')} articles={gettingStartedLinks} />
            </div>

            <div className="col-12 col-lg-6 float-left">
              <ArticleList title={t('toc:popular')} articles={popularLinks} />
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

export const getServerSideProps: GetServerSideProps<Props> = async (context) => {
  const req = context.req as any