Packages
Hosted Checkout
A ready-to-deploy Nuxt application for hosted checkout with Tap Card SDK, payment links, saved cards, delivery, and QR codes.
The @commercejs/hosted-checkout is a full Nuxt application that provides a hosted checkout experience. Merchants create a session via API, redirect customers to the checkout URL, and receive webhook notifications when payment completes.
It supports payment links, saved cards with OTP verification, delivery dispatch, and cart-based checkout.
How It Works
Hosted Checkout
Sequence Diagram
🖥Merchant Server
📄Checkout Page
💳Payment Gateway
🌐Customer Browser
Create Session
Session URL
Redirect to Checkout
Enter Payment Details
Submit Payment
3D Secure Verification
Return from 3DS
Confirm Payment
Webhook — Captured
Merchant Server
Checkout Page
Payment Gateway
Customer Browser
Documentation Asset // COMMERCE_JS_SEQ_01