Yuno NextGen Hackathon

24 hours to solve the payment integration problem nobody wanted to touch.

By: Mr Uprizing

Yuno

We recently participated in the Yuno NextGen Hackathonlink . They gave us several challenges to choose from. One caught our attention: the SDK was a mess. We picked it. 24 hours later, we had a solution that changed how we think about payment integration.

The Challenge We Chose

Yuno merchants were frustrated with the current SDK. It wasn't flexible. You couldn't customize it without code. And every change required a new version, store approvals, endless waits.

"I can't change colors without recompilation"

"How long does it take to add a new payment method?"

"Why do I need to deploy just for a visual adjustment?"

The SDK was rigid, didn't scale, and generated constant friction. So we decided to rethink everything from scratch

24 Hours of Focus

We didn't have time for perfection. Only clarity. We separated two things that traditionally go together: payment logic and visual presentation.

We created two ways to build checkouts. Without requiring you to be a developer. Anyone on the merchant's team can create, edit, and add checkouts.

1. Drag & Drop (JSON to CDN)

Minimalist visual editor. You choose colors, fields, order. Clicks. No code. Generates JSON that uploads to S3. Propagates via CloudFront globally.

2. AI Agent + VM (Single URL)

The agent creates a 100% customizable checkout in a VM. For those who want more control, access to VSCode Web for manual edits. Automatic deploy. Generates a unique URL you use directly in the iframe. No JSON.

Both options are so intuitive that the marketing, product, or design team can use them without waiting for developers. Live changes. Fast iteration.

How Everything Flows

Drag & Drop

AI Agent

Yuno

CDN

Checkout

The Resulting SDK

What came out was an SDK that requires exactly one thing.

code-editor

checkout.tsx

npm install yuno-payment-sdk

import YunoIframe from "yuno-payment-sdk";

export default function Page() {
  return (
    <div>
      <YunoIframe url="https://api.y.uno/checkout/merchant-xyz" height="800px" />
    </div>
  );
}

Install. Just once. The URL you pass to the iframe can be a drag & drop JSON, or a unique URL from the AI Agent. Either way, everything is cloud configuration. New payment method. New fields. Colors. Layouts. No redeploy. No App Store. No new version. No developers involved in every change.

The Real Workflow

It's so simple it sounds unreal. You edit in the dashboard. Change what you need. And hit send. That's it.

DesignBuildShip

No compilation. No waiting for store approvals. No new versions. The change propagates to the CDN in seconds. Customers see it immediately.

Why It Works

It wasn't magic. It was decoupling.

The Checkout Isn't Your Code

It lives on Yuno's servers. It's an iframe. Maximum security. Instant changes.

Zero Breaking Changes

The SDK never changes. It receives a URL. Done. Everything is cloud configuration.

Accessible to Everyone

You don't need to be a developer. Drag & drop or AI Agent. Both tools are made for anyone to use.

Speed in Development

Merchants iterate fast. Adding a payment method is clicks, not sprints.

The Subtle Detail

The technology itself is simple: JSON or VM URL + CDN + iframe. It's not innovative.

What's innovative is the design decision: thinking of the developer as your primary user, but not your only user.

If an SDK requires 50 pages of documentation, complex configuration, debugging incompatibilities… something is wrong. A good SDK does one thing. And does it well.

Yuno Payment SDK: load an iframe. Done.

About Yuno NextGen Hackathon

Yuno demonstrated excellent organization throughout the entire event. Clear, real challenges. Constant support. Smooth communication. Expert mentors. And best of all: Freedom to innovate. They didn't tell us what technology to use, nor did they impose strict limits. Just one goal: improve the experience for their merchants.

Our thanks to the Yuno team for the opportunity to collaborate on something that truly impacts their merchants. Hackathons like this are where the magic happens.

Yuno's Genius: Using Hackathons to Find Talent

Participating in this hackathon showed me something brilliant about how Yuno recruits. In 24 hours, you see how people really think under pressure. No resumes. No interviews. Just real problems, real solutions, and real collaboration. This is how you find your best talent. More companies should steal this strategy.

Yunolink Hackathonlink