Can I use this for local development?

Yes, the skill includes a checklist for local setup and testing, including instructions for using the Stripe CLI to forward webhooks.

How does it handle security and API keys?

It teaches Claude to load environment variables inside functions at runtime and provides best practices for server-side signature verification of webhooks.

Is it compatible with the Next.js App Router?

Yes, the skill is designed around modern Next.js architecture, including App Router API routes, middleware, and server components.

Can it handle recurring subscriptions?

Absolutely, it includes patterns for managing subscription tiers, products, and handling various subscription lifecycle webhooks.

Does this skill support the latest Stripe.js version?

Yes, it specifically addresses the deprecation of redirectToCheckout and provides the modern, correct pattern using Checkout Session URLs.

Next.js Stripe Integration

Name: Next.js Stripe Integration
Author: Microck

byMicrock

•

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

Integrates Stripe payment processing into Next.js applications, supporting checkout sessions, subscriptions, and secure webhook handling.

概要

This skill equips Claude with the domain-specific knowledge required to implement professional-grade Stripe integrations within Next.js environments. It focuses on modern implementation patterns, specifically replacing deprecated Stripe.js methods with the current Checkout Session URL approach. It provides guidance on handling environment variables at runtime, configuring secure webhooks with signature verification, and integrating payment flows with popular authentication middleware like WorkOS to ensure a robust, production-ready billing system.

主な機能

Runtime environment variable loading for server-side API routes
Secure webhook processing with raw body signature verification
81 GitHub stars
Modern Checkout Session implementation using direct URL redirection
Middleware configuration for authentication and payment route compatibility
Complete subscription lifecycle management and multi-tier pricing support

ユースケース

Synchronizing payment status and user entitlements via secure Stripe webhooks
Building a SaaS subscription platform with automated billing and customer portals
Adding one-time purchase checkout flows to a Next.js e-commerce storefront

概要

主な機能

Runtime environment variable loading for server-side API routes
Secure webhook processing with raw body signature verification
81 GitHub stars
Modern Checkout Session implementation using direct URL redirection
Middleware configuration for authentication and payment route compatibility
Complete subscription lifecycle management and multi-tier pricing support

ユースケース

Synchronizing payment status and user entitlements via secure Stripe webhooks
Building a SaaS subscription platform with automated billing and customer portals
Adding one-time purchase checkout flows to a Next.js e-commerce storefront