Omnipay

OmniPay is the "Stripe for Crypto" a seamless payment gateway that enables instant, gasless USDC transactions for any web application.

Crypto commerce today is broken. Users pay $0.10-$2 in gas fees for every micro-transaction, and merchants wait minutes for block confirmations. This friction makes real-world crypto payments nearly impossible.

OmniPay solves this by leveraging Yellow Network's State Channels. Users deposit USDC onchain once, and can then make unlimited, instant payments to any integrated merchant without paying a single cent in gas.

For developers, we built a plug-and-play SDK. A single component (<OmniPayWidget />) handles the entire complex flow from connecting wallets to signing offchain state updates. We provide a complete ecosystem: a User Dashboard for managing channel funds and transaction history, and a Merchant Portal for API key management. It brings the speed and UX of Web2 payments to the self-custory of Web3.

OmniPay is a full-stack Next.js application built with TypeScript and Tailwind CSS, deeply integrated with the Yellow Network (Nitrolite SDK).

The Core (Yellow Network): The heart of the project is the integration with @erc7824/nitrolite. We implemented the Nitro RPC protocol to facilitate state channel interactions.

Relayer Architecture: We built a custom OmniPayService class that abstracts the complexity of the ClearNode WebSocket protocol. It handles the handshake, creates application sessions (createAppSessionMessage), and manages channel allocations locally. Gasless Mechanism: When a user pays, they don't send an on-chain transaction. Instead, they cryptographically sign a state update that reallocates their channel balance to the merchant. This payload is verified by the ClearNode instantly. The Platform:

Reown AppKit: Handles wallet connections and enforces the Sepolia network for the sandbox environment. Database: We use Neon (Serverless Postgres) with Drizzle ORM to track merchant API keys, invoices, and sync off-chain transaction history for the UI. SDK: We packaged the checkout logic into a reusable React component (OmniPayWidget). It takes an API key and amount, validates the merchant against our DB, and initiates the Yellow Network payment flow automatically. Notable Hack: Synchronizing the off-chain state (channel balance) with our on-chain database state was a fun challenge. We built a real-time listener that watches for specific RPC responses (app_session_created) from the Yellow ClearNode and instantly triggers a Server Action to update the UI. This makes the payment feel truly instantaneous (sub-second latency) compared to the standard blockchain "pending transaction" spinner.