@forgecart/cli 1.0.1 → 1.1.0

package/templates/storefront-additions/src/app/products/page.tsx

@@ -1,66 +0,0 @@
-import { ProductList, Product } from '@forgecart/sdk/shop'
-import forgecart from '../../lib/forgecart'
-
-async function getProducts(): Promise<ProductList> {
-  try {
-    // Fetch products from ForgeCart API
-    const result = await forgecart.shop.products.products({
-      options: {
-        take: 10,
-      },
-    })
-    return (result.products as ProductList) || { items: [], totalItems: 0 }
-  } catch (error) {
-    console.error('Failed to fetch products:', error)
-    return {
-      items: [] as Product[],
-      totalItems: 0,
-    }
-  }
-}
-
-export default async function ProductsPage() {
-  const products = await getProducts()
-
-  return (
-    <div className="container mx-auto px-4 py-8">
-      <h1 className="text-3xl font-bold mb-8">Products</h1>
-
-      {products.items.length === 0 ? (
-        <p className="text-gray-600">
-          No products found. Make sure your ForgeCart channel is configured
-          correctly.
-        </p>
-      ) : (
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
-          {products.items.map((product: Product) => (
-            <div
-              key={product.id}
-              className="border rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow"
-            >
-              {product.featuredAsset && (
-                <img
-                  src={product.featuredAsset.preview}
-                  alt={product.name}
-                  className="w-full h-48 object-cover"
-                />
-              )}
-              <div className="p-4">
-                <h2 className="text-lg font-semibold mb-2">{product.name}</h2>
-                <p className="text-gray-600 text-sm mb-3 line-clamp-2">
-                  {product.description}
-                </p>
-                {product.variants[0] && (
-                  <p className="text-lg font-bold text-blue-600">
-                    {(product.variants[0].price / 100).toFixed(2)}{' '}
-                    {product.variants[0].currencyCode}
-                  </p>
-                )}
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  )
-}