Skip to content
arch-lab

Checkout — Place Order

One order placed: card charged, order stored, receipt sent.

Open in the playground

CustomerStorefront[Next.js]Order API[Go]−Hide the 2 services only Order API usesPayments[Stripe]Orders DB[PostgreSQL]alt[card accepted][card declined]par[receipt][audit]opt[first purchase]Price and stock re-checked server-sideOrder flow complete1. Clicks Place order2. Place the order [HTTPS]3. Validates the cart4. Create charge [REST]5. charge.succeeded6. INSERT order [SQL]7. Emails the receipt8. Writes audit row9. 201 Created10. 402 Payment Required11. Shows onboarding tips
  1. Customer to Storefront (solid line with an arrowhead): Clicks Place order
  2. Storefront to Order API (solid line with an arrowhead): Place the order [HTTPS]
  3. Order API to Order API (solid line with an arrowhead, self-message): Validates the cart
  4. Order API to Payments (solid line with an arrowhead): Create charge [REST]
  5. Payments to Order API (dotted line with an arrowhead): charge.succeeded
  6. Order API to Orders DB (solid line with an arrowhead): INSERT order [SQL]
  7. Order API to Customer (solid line with an open head): Emails the receipt
  8. Order API to Orders DB (solid line with an open head): Writes audit row
  9. Order API to Storefront (dotted line with an arrowhead): 201 Created
  10. Order API to Storefront (dotted line with an arrowhead): 402 Payment Required
  11. Storefront to Customer (solid line with an arrowhead): Shows onboarding tips