stripe-payments-integration

Integrate Stripe subscriptions, webhooks, and payments into Next.js and Expo applications.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/gmackie/agent-skills --skill stripe-payments-integration-gmackie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stripe-payments-integration
Source: https://github.com/gmackie/agent-skills/tree/main/skills/stripe-payments-integration
Command: npx skills add https://github.com/gmackie/agent-skills --skill stripe-payments-integration-gmackie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stripe, @stripe/stripe-js, @stripe/react-stripe-js, @stripe/stripe-react-native.

What problem does it solve? Building payment infrastructure from scratch is error-prone and time-consuming. This Skill provides ready-to-adapt code patterns for adding Stripe billing to Next.js and Expo apps, covering checkout, webhooks, customer portals, and usage-based billing without reinventing each integration piece. ## Core Features & Use Cases - Subscription Checkout: Create Stripe checkout sessions with customer management, pricing plans, and a React subscription component for Next.js. - Webhook Handling: Process Stripe events like checkout completion, subscription changes, and payment success or failure with signature verification. - Customer Portal & Mobile Payments: Add a self-service billing portal and Expo payment sheet integration using @stripe/stripe-react-native. - Use Case: You are building a SaaS product with tiered pricing. Use this Skill to scaffold the checkout API, webhook handlers, and subscription status dashboard so users can subscribe, manage, and cancel plans. ## Quick Start Ask the AI to integrate Stripe subscription checkout with webhooks and a customer portal into your Next.js application.

Frequently Asked Questions about stripe-payments-integration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add Stripe subscriptions to a Next.js app?▼

Create a checkout session API route using the stripe Node.js library with mode set to subscription, passing a price ID and success and cancel URLs. On the client, use @stripe/stripe-js to redirect the user to the Stripe-hosted checkout page with the returned session ID.

How to handle Stripe webhooks in Next.js?▼

Create an API route that reads the raw request body and verifies the stripe-signature header using stripe.webhooks.constructEvent with your webhook secret. Then switch on event types like checkout.session.completed and customer.subscription.updated to sync subscription state to your database.

Does Stripe work with Expo React Native apps?▼

Yes, install @stripe/stripe-react-native via npx expo install and wrap your app in StripeProvider with your publishable key. Use initPaymentSheet and presentPaymentSheet from the useStripe hook, backed by a server endpoint that returns a payment intent, ephemeral key, and customer ID.

Why is my Stripe webhook not receiving events?▼

Webhook failures usually come from an incorrect endpoint URL, a mismatched webhook secret, or not reading the raw request body before signature verification. Confirm the endpoint is registered in the Stripe dashboard and that signature verification uses the exact raw body string.

How do I let customers manage their Stripe subscription?▼

Use stripe.billingPortal.sessions.create with the customer's Stripe customer ID and a return URL to generate a portal session. Redirect the user to the returned URL where they can update payment methods, change plans, or cancel their subscription.