export const getStaticPaths = async () => {
// Generate the paths for all product IDs
const all_products = await fetch("http://localhost:3000/api/products");
const res = await all_products.json();
const products = res.data;
const paths = products.map((product) => ({
params: { productDetails: product._id },
}));

// Return the paths to Next.js
return {
paths,
fallback: false, // Or "blocking" or "true" depending on your use case
};
};

export const getStaticProps = async (context) => {
try {
const { params } = context;
const product = await fetch(
http://localhost:3000/api/products/${params?.productDetails}
);
const productDetailsData = await product.json();

console.log("productDetailsData", productDetailsData.data[0]);
return {
props: { productDetails: productDetailsData.data[0] },
// revalidate: 3600, // Optional: Time in seconds to revalidate (cache revalidation)
};
} catch (error) {
console.error("Error fetching data:", error);
return {
props: { productDetails: {} },
};
}
};