mirror of
https://github.com/vercel/commerce.git
synced 2025-03-14 22:42:33 +00:00
* Adding multiple initial files * Updated the default cart endpoint * Fixes * Updated CommerceAPI class for better usage * Adding more migration changes * Taking multiple steps into better API types * Adding more experimental types * Removed many testing types * Adding types, fixes and other updates * Updated commerce types * Updated types for hooks now using the API * Updated mutation types * Simplified cart types for the provider * Updated cart hooks * Remove normalizers from the hooks * Updated cart endpoint * Removed cart handlers * bug fixes * Improve quantity input behavior in cart item * Removed endpoints folder * Making progress on api operations * Moved method * Moved types * Changed the way ops are created * Added customer endpoint * Login endpoint * Added logout endpoint * Add missing logout files * Added signup endpoint * Removed customers old endpoints * Moved endpoints to nested folder * Removed old customer endpoint builders * Updated login operation * Updated login operation * Added getAllPages operation * Renamed endpoint operations to handlers * Changed import * Renamed operations to handlers in usage * Moved getAllPages everywhere * Moved getPage * Updated getPage usage * Moved getSiteInfo * Added def types for product * Updated type * moved products catalog endpoint * removed old catalog endpoint * Moved wishlist * Removed commerce.endpoint * Replaced references to commerce.endpoint * Updated catalog products * Moved checkout api * Added the get customer wishlist operation * Removed old wishlist stuff * Added getAllProductPaths operation * updated reference to operation * Moved getAllProducts * Updated getProduct operation * Removed old getConfig and references * Removed is-allowed-method from BC * Updated types for auth hooks * Updated useCustomer and core types * Updated useData and util hooks * Updated useSearch hook * Updated types for useWishlist * Added index for types * Fixes * Updated urls to the API * Renamed fetchInput to fetcherInput * Updated fetch type * Fixes in search hook * Updated Shopify Provider Structure (#340) * Add codegen, update fragments & schemas * Update checkout-create.ts * Update checkout-create.ts * Update README.md * Update product mutations & queries * Uptate customer fetch types * Update schemas * Start updates * Moved Page, AllPages & Site Info * Moved product, all products (paths) * Add translations, update operations & fixes * Update api endpoints, types & fixes * Add api checkout endpoint * Updates * Fixes * Update commerce.config.json Co-authored-by: B <curciobelen@gmail.com> * Added category type and normalizer * updated init script to exclude other providers * Excluded swell and venture temporarily * Fix category & color normalization * Fixed category normalizer in shopify * Don't use getSlug for category on /search * Update colors.ts Co-authored-by: cond0r <pinte_catalin@yahoo.com> Co-authored-by: B <curciobelen@gmail.com>
92 lines
2.6 KiB
TypeScript
92 lines
2.6 KiB
TypeScript
import commerce from '@lib/api/commerce'
|
||
import { Layout } from '@components/common'
|
||
import { ProductCard } from '@components/product'
|
||
import { Grid, Marquee, Hero } from '@components/ui'
|
||
// import HomeAllProductsGrid from '@components/common/HomeAllProductsGrid'
|
||
import type { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||
|
||
export async function getStaticProps({
|
||
preview,
|
||
locale,
|
||
locales,
|
||
}: GetStaticPropsContext) {
|
||
const config = { locale, locales }
|
||
const { products } = await commerce.getAllProducts({
|
||
variables: { first: 12 },
|
||
config,
|
||
preview,
|
||
})
|
||
const { categories, brands } = await commerce.getSiteInfo({ config, preview })
|
||
const { pages } = await commerce.getAllPages({ config, preview })
|
||
|
||
return {
|
||
props: {
|
||
products,
|
||
categories,
|
||
brands,
|
||
pages,
|
||
},
|
||
revalidate: 14400,
|
||
}
|
||
}
|
||
|
||
export default function Home({
|
||
products,
|
||
}: InferGetStaticPropsType<typeof getStaticProps>) {
|
||
return (
|
||
<>
|
||
<Grid>
|
||
{products.slice(0, 3).map((product, i) => (
|
||
<ProductCard
|
||
key={product.id}
|
||
product={product}
|
||
imgProps={{
|
||
width: i === 0 ? 1080 : 540,
|
||
height: i === 0 ? 1080 : 540,
|
||
}}
|
||
/>
|
||
))}
|
||
</Grid>
|
||
<Marquee variant="secondary">
|
||
{products.slice(0, 3).map((product, i) => (
|
||
<ProductCard key={product.id} product={product} variant="slim" />
|
||
))}
|
||
</Marquee>
|
||
<Hero
|
||
headline="Release Details: The Yeezy BOOST 350 V2 ‘Natural'"
|
||
description="
|
||
The Yeezy BOOST 350 V2 lineup continues to grow. We recently had the
|
||
‘Carbon’ iteration, and now release details have been locked in for
|
||
this ‘Natural’ joint. Revealed by Yeezy Mafia earlier this year, the
|
||
shoe was originally called ‘Abez’, which translated to ‘Tin’ in
|
||
Hebrew. It’s now undergone a name change, and will be referred to as
|
||
‘Natural’."
|
||
/>
|
||
<Grid layout="B">
|
||
{products.slice(0, 3).map((product, i) => (
|
||
<ProductCard
|
||
key={product.id}
|
||
product={product}
|
||
imgProps={{
|
||
width: i === 0 ? 1080 : 540,
|
||
height: i === 0 ? 1080 : 540,
|
||
}}
|
||
/>
|
||
))}
|
||
</Grid>
|
||
<Marquee>
|
||
{products.slice(0, 3).map((product, i) => (
|
||
<ProductCard key={product.id} product={product} variant="slim" />
|
||
))}
|
||
</Marquee>
|
||
{/* <HomeAllProductsGrid
|
||
newestProducts={products}
|
||
categories={categories}
|
||
brands={brands}
|
||
/> */}
|
||
</>
|
||
)
|
||
}
|
||
|
||
Home.Layout = Layout
|