Storefront Integration

The plugin's server-side surface is largely transparent — it dispatches inbound cXML, persists sessions and PO documents, and emits outbound payloads. The buyer-side flow on your storefront does the rest:

1. Renders the punchout landing page.
2. Authenticates the buyer against the punchout session.
3. Lets the buyer build a cart.
4. Sends the cart back to the procurement system.

This guide walks through what the plugin expects from any storefront. A reference Next.js implementation lives in the b2b-wholesale scenario at apps/storefront/src/scenarios/b2b-wholesale/punchout/.