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コマースソリューション

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.

主な機能

Secure webhook signature verification and event handling
Self-service Customer Portal integration for subscription management
Modern Stripe Checkout implementation using session URLs
8 GitHub stars
Subscription lifecycle management with multi-tier support
Authentication middleware configuration to prevent CORS/Auth errors

ユースケース

Setting up secure backend webhooks to sync payment status with a database
Adding a one-time product checkout to a Next.js landing page
Implementing a multi-tier SaaS subscription model with recurring billing

概要

主な機能

Secure webhook signature verification and event handling
Self-service Customer Portal integration for subscription management
Modern Stripe Checkout implementation using session URLs
8 GitHub stars
Subscription lifecycle management with multi-tier support
Authentication middleware configuration to prevent CORS/Auth errors

ユースケース

Setting up secure backend webhooks to sync payment status with a database
Adding a one-time product checkout to a Next.js landing page
Implementing a multi-tier SaaS subscription model with recurring billing