forked from crowetic/commerce
c75b0fc001
* Add dynamic API endpoints * Add missing dependency * Update api handlers * Updates * Fix build errors * Update package.json * Add checkout endpoint parser & update errors * Update tsconfig.json * Update cart.ts * Update parser * Update errors.ts * Update errors.ts * Move to Edge runtime * Revert to local * Fix switchable runtimes * Make nodejs default runtime * Update pnpm-lock.yaml * Update handlers * Fix build errors * Change headers
82 lines
2.0 KiB
TypeScript
82 lines
2.0 KiB
TypeScript
import type {
|
|
GetStaticPathsContext,
|
|
GetStaticPropsContext,
|
|
InferGetStaticPropsType,
|
|
} from 'next'
|
|
import { useRouter } from 'next/router'
|
|
import commerce from '@lib/api/commerce'
|
|
import { Layout } from '@components/common'
|
|
import { ProductView } from '@components/product'
|
|
|
|
export async function getStaticProps({
|
|
params,
|
|
locale,
|
|
locales,
|
|
preview,
|
|
}: GetStaticPropsContext<{ slug: string }>) {
|
|
const config = { locale, locales }
|
|
const pagesPromise = commerce.getAllPages({ config, preview })
|
|
const siteInfoPromise = commerce.getSiteInfo({ config, preview })
|
|
const productPromise = commerce.getProduct({
|
|
variables: { slug: params!.slug },
|
|
config,
|
|
preview,
|
|
})
|
|
const allProductsPromise = commerce.getAllProducts({
|
|
variables: { first: 4 },
|
|
config,
|
|
preview,
|
|
})
|
|
|
|
const { pages } = await pagesPromise
|
|
const { categories } = await siteInfoPromise
|
|
const { product } = await productPromise
|
|
const { products: relatedProducts } = await allProductsPromise
|
|
|
|
if (!product) {
|
|
throw new Error(`Product with slug '${params!.slug}' not found`)
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
pages,
|
|
product,
|
|
relatedProducts,
|
|
categories,
|
|
},
|
|
revalidate: 200,
|
|
}
|
|
}
|
|
|
|
export async function getStaticPaths({ locales }: GetStaticPathsContext) {
|
|
const { products } = await commerce.getAllProductPaths()
|
|
|
|
return {
|
|
paths: locales
|
|
? locales.reduce<string[]>((arr, locale) => {
|
|
// Add a product path for every locale
|
|
products.forEach((product: any) => {
|
|
arr.push(`/${locale}/product${product.path}`)
|
|
})
|
|
return arr
|
|
}, [])
|
|
: products.map((product: any) => `/product${product.path}`),
|
|
fallback: 'blocking',
|
|
}
|
|
}
|
|
|
|
export default function Slug({
|
|
product,
|
|
relatedProducts,
|
|
}: InferGetStaticPropsType<typeof getStaticProps>) {
|
|
const router = useRouter()
|
|
|
|
return router.isFallback ? (
|
|
<h1>Loading...</h1>
|
|
) : (
|
|
<ProductView product={product} relatedProducts={relatedProducts} />
|
|
)
|
|
}
|
|
|
|
Slug.Layout = Layout
|