Implementación: productos, categorías y catálogo

Un catálogo fiable muestra datos completos y aplica filtros sobre el conjunto correcto. Conserva precio unitario e inventario como campos separados: el precio de una unidad no es el importe de una línea. Con tres registros se puede comprobar el filtro sin inventar totales.

Ejemplo resuelto

p1, Papel algodón, papel, 4; p2, Tinta negra, tinta, 7; p3, Papel kraft, papel, 6. Al filtrar papel quedan p1 y p3; el valor de una unidad de esos productos es 4 y 6.

Amplía este ejemplo con los seis registros de planificación y conserva una identidad coherente: el catálogo y el detalle utilizan el mismo ID p3. Una categoría inexistente produce una lista vacía controlada, mientras un ID de producto inexistente usa notFound(). Son estados diferentes.

Pruébalo

1. Renderiza los tres registros en el catálogo.

2. Filtra por la categoría papel.

3. Enlaza cada fila a su slug o id.

4. Abre el detalle de p3 directamente.

Comprueba tu resultado

Error frecuente: sumar precios para representar el catálogo filtrado. Corrección: muestra cada precio unitario y suma solo cuando exista una cantidad de carrito.

Ejercicio: el filtro papel debe devolver exactamente dos tarjetas, Papel algodón y Papel kraft; la tarjeta de Papel kraft debe mostrar 6 EUR y no un total combinado de 10 EUR.