What version of Next.js is required?

The skill is optimized for Next.js 13.4 or higher using the App Router and requires @clerk/nextjs version 5.0 or later.

Do I need a separate Stripe account for this skill?

Yes, Clerk Billing connects directly to your Stripe account. You can use Stripe's sandbox mode during development and switch to production when you're ready to go live.

Does this skill support B2B team billing?

Yes, it supports both User Plans for individual B2C subscriptions and Organization Plans for B2B team-based billing.

How are features restricted for non-paying users?

The skill provides patterns for 'entitlements' where you can check if a user has access to specific features on the frontend using hooks or on the backend via server-side auth guards.

Clerk Billing & Stripe Integration

Name: Clerk Billing & Stripe Integration
Author: vanman2024

byvanman2024

0•

E-commerce Solutions

Streamlines SaaS monetization by integrating Clerk Billing with Stripe for automated subscription management and feature gating.

The Clerk Billing skill provides a comprehensive framework for implementing subscription-based business models in Next.js applications. It bridges the gap between Clerk's authentication and Stripe's payment infrastructure, offering automated setup scripts for pricing tiers, pre-built UI templates for pricing tables, and robust entitlement logic for both frontend and backend feature protection. By leveraging Clerk's session-aware billing flows, developers can implement complex B2B and B2C monetization strategies without the overhead of building custom webhook handlers or complex payment UIs.

Key Features

01Automated Clerk Billing and Stripe account synchronization scripts

02Pre-built, responsive PricingTable components with Stripe Elements

03Ready-to-use templates for subscription management and checkout flows

040 GitHub stars

05Server-side and client-side entitlement checking for feature gating

06Support for both individual User plans and B2B Organization billing

Use Cases

01Launching a SaaS product with multiple subscription tiers and feature-based access

02Implementing organization-level billing for collaborative team environments

03Adding usage-based billing and feature limits to an existing Next.js application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add vanman2024/ai-dev-marketplace billing-integration

For use in Claude.ai and ChatGPT

Download Skill