From Code to Understanding.

Understand
what AI built.

Doklo reads the code and organizes it by feature, like login and checkout. Developers and non-developers read the same explanation, and can open the related code whenever they need to.

Get started free Understand how it works.

Explore the live demo without signing up.

AIcheckout/route.tsAIreserveStock.tsAIstripe/route.ts

export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})

const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)const intent = await stripe.paymentIntents.create({amount: cart.total, currency: 'krw',metadata: { holdId: hold.id, cartId: cart.id },})export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })

export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export function CheckoutPage() {const [step, setStep] = useState<Step>('address')const { data: cart } = useCart()return <Stepper step={step} onNext={advance} />}async function releaseHold(holdId: string) {await db.hold.update({ where: { id: holdId },data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })

data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })data: { releasedAt: new Date() } })await inventory.restore(holdId)}schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })

schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)schedule.every('1m', () => expireHolds({ olderThan: 600 }))const order = await db.order.create({ data: { cartId, intentId } })logger.info('order.created', { orderId: order.id })await mailer.send('order-confirmed', { to: user.email })export async function POST(req: Request) {const sig = req.headers.get('stripe-signature')const event = stripe.webhooks.constructEvent(raw, sig, secret)if (event.type === 'payment_intent.succeeded') {await createOrder(event.data.object)}return NextResponse.json({ received: true })}const hold = await reserveStock(items, { ttl: 600 })if (!hold.ok) throw new OutOfStockError(hold.sku)

DokloAnalyzingNeeds review

CHKT-CHECKOUTDok · draftNeeds review

Checkout

Three-step checkout on Stripe Payment Intents. Stock is held for 10 minutes once payment begins.

Peoplecustomer · systemFlowaddress → pay → confirmRulesan order is created only when the webhook arrivesWorks whena failed payment releases the held stock right away

app/checkout/actions.tslib/stripe/client.tswebhooks/stripe/route.ts+4 files

Understand
what AI built.

Checkout

See what was built.

Understand how it works.

Connect the repository to analyze.

Analyzing the code.

Review the explanation.

Live Docs are published.

Share the Same Understanding.

Checkout

Built by AI. Understood by people.

You should be able to understand how it works.

You should be able to check where an explanation comes from.

People with different technical knowledge should be able to talk about it.

A freshly made Dok is a draft, not yet reviewed.

People and AI read
the same product explanation.