import { GetStaticPropsContext, InferGetStaticPropsType } from 'next' import getAllProducts from '@lib/bigcommerce/api/operations/get-all-products' import { Layout } from '@components/core' import { Grid, Marquee, Hero } from '@components/ui' import { ProductCard } from '@components/product' import getSiteInfo from '@lib/bigcommerce/api/operations/get-site-info' export async function getStaticProps({ preview }: GetStaticPropsContext) { const { products } = await getAllProducts() const { categories } = await getSiteInfo() return { props: { products, categories }, } } export default function Home({ products, categories, }: InferGetStaticPropsType) { return ( <> } /> } />
  • All Categories

  • {categories.map((cat) => (
  • {cat.name}
  • ))}
) } Home.Layout = Layout