> ## Documentation Index
> Fetch the complete documentation index at: https://docs.simplepay.mx/llms.txt
> Use this file to discover all available pages before exploring further.

# Muestra productos en tu sitio

> Lee productos desde tu backend y expón sólo campos seguros al navegador.

Tu backend puede leer Digital Catalog y construir un feed público limitado. Nunca envíes la llave de SimplePay al navegador.

## Implementa un backend for frontend

<Steps>
  <Step title="Lee el catálogo">
    Usa una llave backend con `digital_catalog:read`.
  </Step>

  <Step title="Aplica una allowlist">
    Devuelve sólo nombre, descripción, precio visible, media y disponibilidad
    necesaria.
  </Step>

  <Step title="Añade caché">
    Usa ETag y una expiración acotada. Purga al cambiar el producto.
  </Step>

  <Step title="Crea el cobro en el backend">
    Resuelve el line item desde SimplePay antes de crear Checkout.
  </Step>
</Steps>

## Evita datos internos

No expongas metadata privada, IDs de proveedor, estados de sincronización, costos, secretos o rutas de infraestructura.

<Info>
  La referencia pública sólo documenta las rutas que el gateway permite a una
  llave de comercio.
</Info>