Chapter 01
Challenge
01
Give merchants a crypto checkout without bolted-on widgets, and show buyers the order status clearly.
Back to archive
Crypto & DeFiCommerce / FintechNext.js + PrismaClear checkout and settlement
Exhibition page
Crypto-Ready Checkout
A multi-chain payment flow with real-time order tracking, wallet hand-off, and project sync.
Order recovery
Recoverable
Buyers can return to pending orders instead of losing the thread after a wallet switch or delay.
Merchant view
Settlement visible
The flow explains how the payment moves from request to confirmation to project sync.
Ops readiness
Admin verification live
Operators can inspect and confirm payment states without jumping between disconnected systems.
crypto
What this case covers
Commerce / FintechStack focus: Next.js + PrismaOutcome focus: Clear checkout and settlementService: Build a payment experienceTool: Finance plannerPublic reference build
Next step
Walk through checkout, payment status, and settlement behaviour on the live product.
Exhibition notes
Industry: Commerce / Fintech
Related: Build a payment experience / Finance planner
Outcome: The product now shows how an order becomes a confirmed settlement and a usable merchant operation.
This exhibition can be used as a public reference for similar work.
Chapter 02
System
02
Reference-driven payment lookup with deep-link recovery.
Status state machine: lookup → pending → confirmed | expired | failed.
Project sync: payment state writes back to the originating project record.
Chapter 03
Interface
03
Primary capabilities: Crypto Checkout, Payment Flow, Operator Tools.
Signature stack markers: Next.js, Prisma, JWT, Resend.
crypto
Annotation
Crypto Checkout
Annotation
Payment Flow
Annotation
Operator Tools
Chapter 04
Outcome
04
Checkout deployed on the Attnom platform with chain selection per order.
Recoverable orders eliminate the abandoned-cart class of failures.
Operators can confirm payments from the admin console in two taps.
journey
Order to settlement
This case gets stronger once the reader can follow the full payment flow rather than staring at a static checkout card.
Order creation
The system issues a reference, amount, expiry state, and supported chain logic from the start.
Wallet hand-off
The user leaves the checkout briefly but can recover the flow without losing context.
Confirmation and sync
Payment state writes back into the originating project so commerce and delivery stay connected.
Merchant operations
Operators can review, confirm, and reconcile without rebuilding the payment context manually.
map
Settlement logic map
The payment flow should operate like a business system, not only a visual shell for a wallet interaction.
Reference lookup
The order id anchors the whole payment and recovery flow.
State machine
Pending, confirmed, expired, and failed states each say something different to the buyer and operator.
Project sync
Payment confirmation changes the commercial state of the originating engagement.
Related archive drawer
Choose the next step that fits this case.
crypto
Crypto & DeFi
Rexter Exchange: full crypto desk
A multi-chain exchange website, KYC flow, and operator console.
Open exhibitioncrypto
Crypto & DeFi
Tethrex: DeFi yield routing
Yield aggregator front end with route comparison, slippage transparency, and a real-time vault dashboard.
Open exhibitionweb
Web & Platforms
Attnom Tools: utility OS
A free, browser-native suite of file, image, OCR, and archive utilities that work entirely client-side.
Open exhibition