본문으로 건너뛰기

Available Skills

volr-checkout

The single comprehensive skill that covers the full checkout integration:

What It Covers

  1. How It Works — End-to-end payment flow diagram
  2. SDK Setup — Installing and initializing @volr/checkout-sdk
  3. Creating Checkouts — All parameters with descriptions (fiat pricing, token amounts, product info, redirects, metadata)
  4. Frontend Status Handling — Polling checkout status to show real-time payment updates on your site
  5. Webhook Implementation — Signature verification, event handling, retry policy
  6. Status Lifecycle — Complete status flow: PENDING → DETECTED → PAID → SETTLED
  7. Checkout Page Features — Token selection, QR code, wallet connect, auto-detection, multi-language, product display
  8. Full Next.js Example — Server route, webhook handler, and client-side status page

Key Design Points

  • No chain/token required at creation — The customer selects their preferred token and chain on the checkout page
  • Webhook-first verification — Never trust redirects alone; webhooks are the primary confirmation
  • Frontend polling — Show real-time status by polling your server, which proxies to the Volr API

Skill Structure

1. What is Volr Checkout + Prerequisites
2. How It Works (flow diagram)
3. Install SDK
4. Create a Checkout (with full parameter table)
5. Handle Payment Completion (frontend polling)
6. Handle Webhooks (server-side, with signature verification)
7. Checkout Statuses (lifecycle diagram)
8. Checkout Page Features
9. Supported Chains & Tokens
10. Full Integration Example (Next.js)