> ## 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.

# Display products on your site

> Read products from your backend and expose only safe fields to the browser.

Your backend can read Digital Catalog and produce a limited public feed. Never send the SimplePay key to the browser.

## Implement a backend for frontend

<Steps>
  <Step title="Read the catalog">
    Use a backend key with `digital_catalog:read`.
  </Step>

  <Step title="Apply an allowlist">
    Return only the required name, description, visible price, media, and
    availability.
  </Step>

  <Step title="Add caching">
    Use ETag and a bounded expiration. Purge the cache after product changes.
  </Step>

  <Step title="Create charges in the backend">
    Resolve the SimplePay line item before creating Checkout.
  </Step>
</Steps>

Do not expose private metadata, provider IDs, sync states, costs, secrets, or infrastructure routes.