import commerce from '@lib/api/commerce' import { Layout } from '@components/common' import { ProductCard } from '@components/product' import { Grid, Container, Marquee } from '@components/ui' import type { GetStaticPropsContext, InferGetStaticPropsType } from 'next' export async function getStaticProps({ preview, locale, locales, }: GetStaticPropsContext) { const config = { locale, locales } const productsPromise = commerce.getAllProducts({ variables: { first: 6 }, config, preview, }) const pagesPromise = commerce.getAllPages({ config, preview }) const siteInfoPromise = commerce.getSiteInfo({ config, preview }) const { products } = await productsPromise const { pages } = await pagesPromise const { categories, brands } = await siteInfoPromise return { props: { products, categories, brands, pages, }, revalidate: 60, } } export default function Home({ products, }: InferGetStaticPropsType) { return ( <>

New releases

{products.slice(0, 6).map((product: any, i: number) => ( ))}

Bestsellers

{products.slice(0, 6).map((product: any, i: number) => ( ))}
) } Home.Layout = Layout