D0 Checkout

Connect a wallet. Pay on-chain.

Add a direct Connect Wallet payment to your React checkout. D0 provides wallet discovery and the payment UI; your adapter controls the final transaction on the chain and token selected for the Checkout Session.

React 18–194 chainsUSDT + USDCSDK v0.1.0

How it works

The Connect Wallet rail is a direct, partner-controlled payment path. It does not send funds to a D0 deposit address. Your application supplies the token contract, destination and transaction adapter.

1Create a sessionYour backend creates a scoped Checkout Session for the order.

2Connect the walletD0 or your host adapter connects the wallet required by the selected chain.

3Submit the transferYour adapter validates policy, simulates and submits the selected transfer.

A returned transaction hash means the wallet submitted the transaction. Treat payment as final only after your backend confirms it on-chain.

Supported scope

This guide follows the complete chain and token catalog exposed by the D0 Checkout demo: Ethereum, BNB Smart Chain, Solana and TRON with the supported USDT and USDC combinations. Your backend is the source of truth for the pair available to each Checkout Session.

terminal

pnpm add @d0fi/checkout-react wagmi viem @tanstack/react-query

Before you start

A React 18 or React 19 application.
A backend endpoint that creates D0 Checkout Sessions.
Server-owned asset references and validated receiving addresses for every enabled pair.
Browser-safe RPC endpoints and a compatible signer for each enabled wallet family.

Build the quickstartWire the provider, adapter and Checkout experience.Review production safetyProtect configuration and confirm transactions correctly.Check supported assetsSee every pair currently exposed by the Checkout demo.Understand the adapterOwn the contract call behind a small Checkout interface.