forked from crowetic/commerce
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
import { getCollection, getCollectionProducts } from 'lib/shopify';
|
|
import { Metadata } from 'next';
|
|
import { notFound } from 'next/navigation';
|
|
|
|
import Grid from 'components/grid';
|
|
import ProductGridItems from 'components/layout/product-grid-items';
|
|
|
|
export const runtime = 'edge';
|
|
|
|
export async function generateMetadata({
|
|
params
|
|
}: {
|
|
params: { collection: string };
|
|
}): Promise<Metadata> {
|
|
const collection = await getCollection(params.collection);
|
|
|
|
if (!collection) return notFound();
|
|
|
|
return {
|
|
title: collection.seo?.title || collection.title,
|
|
description:
|
|
collection.seo?.description || collection.description || `${collection.title} products`,
|
|
openGraph: {
|
|
images: [
|
|
{
|
|
url: `/api/og?title=${encodeURIComponent(collection.title)}`,
|
|
width: 1200,
|
|
height: 630
|
|
}
|
|
]
|
|
}
|
|
};
|
|
}
|
|
|
|
export default async function CategoryPage({ params }: { params: { collection: string } }) {
|
|
const products = await getCollectionProducts(params.collection);
|
|
|
|
return (
|
|
<section>
|
|
{products.length === 0 ? (
|
|
<p className="py-3 text-lg">{`No products found in this collection`}</p>
|
|
) : (
|
|
<Grid className="grid-cols-2 lg:grid-cols-3">
|
|
<ProductGridItems products={products} />
|
|
</Grid>
|
|
)}
|
|
</section>
|
|
);
|
|
}
|