Does it provide guidance on local testing?

Yes, it includes best practices for local development, including using the Stripe CLI for webhook forwarding and managing .env.local configurations.

Is it compatible with Next.js App Router?

Yes, all implementation patterns and API route examples are designed for the modern Next.js App Router architecture and server-side runtimes.

Does this skill support the latest Stripe API changes?

Yes, it specifically focuses on modern implementation patterns, such as using checkout session URLs directly, and warns against deprecated methods like stripe.redirectToCheckout().

How does it handle webhook security?

The skill provides patterns for verifying webhook signatures using Stripe's libraries and correctly handling raw request bodies in Next.js API routes to ensure data integrity.

Can I use this for subscription-based SaaS applications?

Absolutely. It includes comprehensive guidance for implementing 'subscription' mode, handling recurring events, and managing the subscription lifecycle through webhooks.

Next.js Stripe Integration

Name: Next.js Stripe Integration
Author: Activer007

byActiver007

0•

Eコマースソリューション

Implements secure Stripe payment processing, subscription management, and webhook handling for modern Next.js applications.

This skill provides Claude with specialized expertise to architect and implement full-stack payment solutions using Stripe and Next.js. It covers the complete payment lifecycle, from creating secure checkout sessions and managing recurring subscriptions to implementing robust webhook handlers with signature verification. The skill emphasizes modern implementation patterns—such as direct URL redirects instead of deprecated client-side methods—and provides critical guidance on secure environment variable management within server-side functions to ensure production-grade reliability and PCI compliance.

主な機能

01Modern Stripe Checkout implementation using direct session URL redirects

02Tiered subscription management with recurring billing and price ID integration

03Secure webhook processing with signature verification and raw body parsing

04Seamless Stripe Customer Portal integration for self-service billing management

05Runtime environment variable optimization for Next.js serverless functions

060 GitHub stars

ユースケース

01Building a SaaS subscription model with tiered pricing and automated renewals

02Synchronizing Stripe payment events with a local database via secure webhooks

03Adding a one-time product checkout flow to a Next.js e-commerce storefront

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add activer007/ordinary-claude-skills nextjs-stripe-integration

For use in Claude.ai and ChatGPT

Download Skill