Server vs Client

// app/products/page.tsx — Server Component (default in Next.js App Router)
import dash from "@/lib/dash"

export default async function Products() {
  const { products } = await dash.products.list()
  return products.map(p => <ProductCard key={p.id} product={p} />)
}

"use client"
import dash from "@/lib/dash"

export function AddToCart({ productId, sizeId }) {
  const handleAdd = async () => {
    await dash.cart.add({ productId, sizeId, quantity: 1 })
  }
  return <button onClick={handleAdd}>Add to Cart</button>
}