Cargando documentación…
Cargando documentación…
NotHeadless UI
Chips de categorías con scroll horizontal y el estado activo tomado de la URL, más un selector de orden ligado a ?sort= y tipado con el ProductSort de la API.
Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.
const capy = await nube.categories.findUniqueOrThrow({ where: { id: 41184206 }, with: { children: true } })
<CategoryNav categories={capy.children} />
// page.tsx (servidor)
const sort = parseSort((await searchParams).sort) // ProductSort | undefined
const products = await nube.products.findMany({ where: { categoryId }, orderBy: sort })
<SortSelect />