clerk-billing

Implement Clerk Billing subscription management in Next.js applications.

Updated Jun 20, 2026
One-click install
npx skills add https://github.com/sudarshan-krishnan/Sentinel_AIHackathon_Berkley_2026 --skill clerk-billing-sudarshan-krishnan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clerk-billing
Source: https://github.com/sudarshan-krishnan/Sentinel_AIHackathon_Berkley_2026/tree/main/app/.agents/skills/clerk-billing
Command: npx skills add https://github.com/sudarshan-krishnan/Sentinel_AIHackathon_Berkley_2026 --skill clerk-billing-sudarshan-krishnan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you add and manage Clerk Billing in a Next.js app without guessing at pricing, subscriptions, entitlements, or webhook behavior. It removes the friction of building billing screens and authorization logic from scratch.

Core Features & Use Cases

  • Pricing and Checkout: Render subscription plans with the Clerk pricing table and launch the in-app checkout drawer.
  • Plan and Feature Gating: Protect routes and UI with plan checks for tiers and feature checks for individual capabilities.
  • B2C and B2B Billing: Support personal subscriptions, organization subscriptions, and seat-limit plans for team-based products.
  • Webhook Handling: Sync subscription lifecycle events such as creation, cancellation, and payment failures into your database.
  • Use Case: A SaaS app can offer free, starter, and pro tiers, gate premium analytics behind a feature entitlement, and let enterprise customers manage billing from an organization profile.

Quick Start

Use the clerk-billing skill to add Clerk pricing, entitlements, and billing webhook handling to your Next.js app.

Frequently Asked Questions about clerk-billing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a Clerk billing pricing table and checkout drawer to a Next.js app?

To add Clerk billing, render subscription plans using the Clerk pricing table component and launch the in-app checkout drawer directly within your Next.js application. This provides embedded subscription management without building UI from scratch.

How do I gate routes and features using Clerk subscription entitlements?

Gate routes and features by implementing session-based has() authorization checks for plan tiers and individual feature entitlements. This verifies user access before rendering protected UI components or serving premium capabilities.

Can I handle both B2C personal subscriptions and B2B organization plans with Clerk?

Clerk billing supports both B2C personal subscriptions and B2B organization plans. You can configure seat-limit plans for team-based products, allowing enterprise customers to manage billing directly from their organization profile.

How do I sync Clerk billing webhook lifecycle events into my database?

Sync Clerk billing webhook events by verifying incoming webhooks and processing subscription lifecycle payloads. Capture creation, cancellation, and payment failure events to update your internal database state and maintain accurate records.

Do I need to configure the Clerk Dashboard before implementing billing flows?

Yes, you must enable billing in the Clerk Dashboard and configure your subscription plans and feature entitlements before implementation. This setup is required to populate the pricing table and validate session-based authorization checks.

What is the best way to manage Clerk subscription tiers in Next.js?

The best way to manage Clerk subscription tiers is using built-in pricing tables, session-based has() checks, and webhook handlers. This approach handles checkout, plan gating, and lifecycle synchronization without custom billing logic.