Stripe Connect Box
Editor.tsx - IDEKIT
Explorer
components
VibeEditor.tsx
Sidebar.tsx
app
tsVibeEditor.tsx
1import React from "react";
2
3export function VibeEditor() {
4return (
5<div className="vibe-station">
6Hello World
7</div>
8);
9}
main*0 errorsLn 5, Col 24UTF-8TypeScript React

Included Snippets

Seller Onboarding

Create a Connect account and generate an onboarding link.

stripe-onboard
1export async function createSellerLink(userId: string) {
2 const account = await stripe.accounts.create({
3 type: 'express',
4 metadata: { userId }
5 });
6
7 const accountLink = await stripe.accountLinks.create({
8 account: account.id,
9 refresh_url: `${BASE_URL}/connect/refresh`,
10 return_url: `${BASE_URL}/connect/return`,
11 type: 'account_onboarding',
12 });
13
14 return accountLink.url;
15}

Split Payment Webhook

Handle successful payments and transfer funds to sellers.

stripe-webhook
1// api/webhooks/route.ts
2if (event.type === 'checkout.session.completed') {
3 const session = event.data.object;
4 const transferGroup = session.metadata.transfer_group;
5
6 await stripe.transfers.create({
7 amount: calculateSellerShare(session.amount_total),
8 currency: session.currency,
9 destination: session.metadata.seller_account_id,
10 transfer_group: transferGroup,
11 });
12}
PRO KITby IdeKit

Stripe Connect Box

A complete Stripe Connect marketplace starter kit for Next.js 14. Includes seller onboarding, split payments, automated payouts, and a dedicated seller dashboard. Pre-integrated with Supabase and Stripe Connect webhooks.

Tech Stack
Next.js 14Stripe ConnectSupabaseTailwind
$129
One-time payment
Availability
35 / 35 left

Secured by Stripe