stripe-payments

Integrate Stripe payments and subscriptions into Next.js App Router applications.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stripe, and includes references (resource) components.

What problem does it solve?

This Skill streamlines the integration of Stripe payments, subscriptions, and billing management within Next.js App Router applications, reducing development time and potential errors.

Core Features & Use Cases

  • One-time Payments: Implement Stripe Checkout for simple, one-time purchases.
  • Subscriptions & Billing: Manage recurring payments, subscription lifecycles, and customer portal access.
  • Webhook Handling: Securely process Stripe webhooks with robust idempotency to ensure data integrity.
  • Use Case: Integrate a SaaS application with Stripe, allowing users to subscribe to different tiers, manage their billing details via the Customer Portal, and receive automated notifications for payment success or failure.

Quick Start

Use the stripe-payments skill to create a one-time payment checkout session for the provided price ID and user ID.

Frequently Asked Questions about stripe-payments

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

FAQPage Schema
How do I integrate Stripe payments and subscriptions into a Next.js App Router application?

Stripe webhook idempotency requires a PostgreSQL database to store processed event IDs, ensuring that duplicate webhook deliveries are safely ignored and preventing data corruption or double-charging during recurring subscription billing events.

How do I manage recurring billing and subscription lifecycles with Stripe in Next.js?

Managing recurring billing with Stripe in Next.js involves creating subscription checkout sessions, handling lifecycle webhooks for automated updates, and integrating the Stripe Customer Portal so users can independently manage their billing details.

Do I need a database to handle Stripe webhooks in my Next.js application?

Yes, you need a PostgreSQL database to handle Stripe webhooks in your Next.js application. It provides atomic idempotency by tracking event identifiers, ensuring duplicate webhook deliveries do not trigger duplicate database updates.

How do I set up one-time payments using Stripe Checkout in a Next.js environment?

To set up one-time payments using Stripe Checkout in a Next.js environment, you generate a checkout session using a specific price ID and user ID, redirecting users to Stripe's hosted payment page to complete the purchase.

What environment variables are required to process Stripe payments in Next.js?

Processing Stripe payments in Next.js requires environment variables for your Stripe secret key and webhook signing secret, alongside your PostgreSQL database connection string to properly verify incoming events and store idempotency records.