How does it handle environment variable security?

It provides patterns for loading secret keys inside API route functions rather than at the module level to ensure they are accessed correctly at runtime.

Does this skill support the latest Stripe.js version?

Yes, it specifically addresses the deprecation of redirectToCheckout() and uses the modern session URL redirect method recommended by Stripe.

Can I use this for subscription-based apps?

Absolutely. it includes comprehensive guidance on handling recurring products, subscription lifecycle webhooks, and the Stripe Customer Portal.

Does it work with authentication libraries like WorkOS or Clerk?

Yes, it includes specific configurations for Next.js middleware to ensure payment and webhook routes are correctly excluded from authentication checks.

Is webhook verification included?

Yes, the skill provides the specific logic needed to extract raw request bodies and verify signatures using Stripe's SDK to ensure your endpoints are secure.

Next.js Stripe Integration

Name: Next.js Stripe Integration
Author: IncomeStreamSurfer

byIncomeStreamSurfer

•

E-commerce Solutions

Integrates Stripe payment processing into Next.js applications, covering one-time payments, subscriptions, and secure webhooks.

This skill equips Claude with specialized knowledge to implement modern Stripe payment flows within the Next.js framework. It addresses critical common pitfalls like deprecated API methods, server-side environment variable loading, and middleware authentication conflicts. Whether you are building a simple checkout page or a complex subscription-based SaaS, this skill provides production-ready patterns for secure webhook handling, customer portal management, and efficient Stripe.js utilization based on the latest API standards.

Key Features

01Secure webhook signature verification and event handling

02Self-service Customer Portal integration for subscription management

03Modern Stripe Checkout implementation using session URLs

048 GitHub stars

05Subscription lifecycle management with multi-tier support

06Authentication middleware configuration to prevent CORS/Auth errors

Use Cases

01Setting up secure backend webhooks to sync payment status with a database

02Adding a one-time product checkout to a Next.js landing page

03Implementing a multi-tier SaaS subscription model with recurring billing

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add incomestreamsurfer/claude-code-skills-stripe nextjs-stripe-integration

For use in Claude.ai and ChatGPT

Download Skill

Key Features

01Secure webhook signature verification and event handling

02Self-service Customer Portal integration for subscription management

03Modern Stripe Checkout implementation using session URLs

048 GitHub stars

05Subscription lifecycle management with multi-tier support

06Authentication middleware configuration to prevent CORS/Auth errors

Use Cases

01Setting up secure backend webhooks to sync payment status with a database

02Adding a one-time product checkout to a Next.js landing page

03Implementing a multi-tier SaaS subscription model with recurring billing

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add incomestreamsurfer/claude-code-skills-stripe nextjs-stripe-integration

For use in Claude.ai and ChatGPT

Download Skill