import { GetStaticPropsContext, InferGetStaticPropsType } from 'next' import getAllPages from '@lib/bigcommerce/api/operations/get-all-pages' import { Layout } from '@components/core' import { Container } from '@components/ui' import { WishlistCard } from '@components/wishlist' import getSiteInfo from '@lib/bigcommerce/api/operations/get-site-info' export async function getStaticProps({ preview }: GetStaticPropsContext) { const { pages } = await getAllPages() const { categories, brands } = await getSiteInfo() return { props: { pages, categories, brands }, } } export default function Home({ categories, brands, }: InferGetStaticPropsType) { return (
  • All Categories
  • {categories.map((cat) => (
  • {cat.name}
  • ))}

My Wishlist

{[1, 2, 3, 4, 5, 6].map((i) => ( ))}
  • Relevance
  • Latest arrivals
  • Trending
  • Price: Low to high
  • Price: High to low
) } Home.Layout = Layout