CheckoutButton

Components: CheckoutButton

Creates a Stripe checkout session and redirects the user to the checkout page. Perfect for a one-time payment or a subscription.

Set mode="payment" (default) for one-time payments or mode="subscription" for recurring payments like a monthly membership. It also accepts a priceId prop (required) to specify the Stripe price ID of the product you want to sell.

CheckoutButton.tsx
import CheckoutButton from "@/components/CheckoutButton";
 
<CheckoutButton priceId="price_1234" mode="payment" />

CheckoutButton