4
0
forked from crowetic/commerce
2020-09-30 10:51:53 -03:00

47 lines
1.2 KiB
TypeScript

import { useRouter } from "next/router";
import { Layout } from "@components/core";
import { ProductView } from "@components/product";
export async function getStaticProps() {
const productData = {
title: "T-Shirt",
description: `
Nothing undercover about this tee. Nope. This is the official Bad
Boys tee. Printed in white or black ink on Black, Brown, or Oatmeal.
Like everything in this collection, it is extremely limited edition
and available for 10 days only. This is a limited edition production
run. Printing starts when the drop ends. Reminder: Bad Boys For
Life. Shipping may take 10+ days due to COVID-19.
`,
price: "$50",
colors: ["black", "white", "pink"],
sizes: ["s", "m", "l", "xl", "xxl"],
};
return {
props: {
productData,
},
revalidate: 200,
};
}
export async function getStaticPaths() {
return {
paths: [],
fallback: "unstable_blocking",
};
}
export default function Home({ productData }) {
const router = useRouter();
return (
<Layout>
{router.isFallback ? (
<h1>Loading...</h1>
) : (
<ProductView productData={productData} />
)}
</Layout>
);
}