Home/React
Integrations

Add crypto payments to React

Crypto checkout for any React front end.

Any React app can take crypto with My Crypto Server: your backend creates a charge, the front end redirects to a hosted checkout, and a signed webhook confirms the payment. Funds settle straight to a wallet you control, with no processor in the middle.

How it connects

Backend creates the charge; React redirects to the hosted checkout.

Integration

How to add crypto to React

01

Deploy My Crypto Server

Push the app to Vercel, attach any Postgres database, add your Alchemy key, and point it at your wallet. You're live in about an hour.

02

Redirect to the hosted checkout

From your React app, call your backend to create a charge, then redirect the user to the returned checkout URL where the amount, QR, and countdown are handled for you.

03

Handle the paid webhook

On a confirmed payment, the server sends a signed webhook to your endpoint. Verify the signature, then mark the order paid and fulfil, idempotently.

04

Go live

Test with the live demo flow, then flip it on. Card options can stay exactly where they are; crypto simply runs alongside them at 0% fees.

Why React developers choose it

Hosted checkout, zero UI work

Redirect to a ready-made checkout with the amount, QR code, and countdown handled for you, or build your own against the API. Either way there's no card form to maintain.

Signed webhooks

Every confirmed payment fires an HMAC-SHA256 signed webhook with replay protection, so your app marks orders paid idempotently and never trusts an unverified event.

Non-custodial by design

Payments derive from your own wallet and settle straight to you. There's no processor balance, payout schedule, or account anyone can freeze.

0% platform fees

No 2.9% + 30¢ per order. Crypto settles for the cost of gas, paid by the customer, so your integration keeps the full sale price.

React integration FAQs

Do I need a backend?

Yes, for the secret API key and webhook verification. The React front end only needs the checkout URL your backend returns; never put the API key in the browser.

Is there any PCI or card-form burden?

No. Crypto payments never touch card data, and the hosted checkout means there's no payment form in your React app at all.

Which assets can customers pay?

Native coins plus USDC, USDT, and DAI across 14 networks. The customer picks the chain and coin on the hosted checkout.

Ship crypto payments on React.

$699 one-time with code MCSINTRO $999, full source, every v1 update included, 0% platform fees.

Read the docs
Try the live demo