json-render/examples/stripe-app/drawer-app

Stripe App (Drawer)

A Stripe App example demonstrating how to use json-render to build dynamic, AI-generated UI in the Stripe Dashboard drawer.

Views

• Home - Revenue dashboard with AI-powered UI generation
• Customers - Customer list and management
• Customer Details - Individual customer view
• Payments - Payment list and details
• Subscriptions - Subscription management
• Invoices - Invoice list
• Products - Product catalog

Setup

pnpm install

cp .env.example .env
# Optionally set STRIPE_APP_ID to your own app ID

pnpm setup

Running

Start the API server first (from ../api):

cd ../api && pnpm dev

Then start the Stripe app:

stripe apps start

How It Works

1. Component Catalog - Maps json-render component types to Stripe UIXT components
2. Action Handlers - Stripe operations (refunds, subscriptions, etc.)
3. StripeRenderer - Custom renderer connecting json-render specs to Stripe components
4. Views - Each view fetches data from the Stripe API and renders it using json-render specs