Checkout Button | ZexaNext - The Next.js Boilerplate for SaaS

Docs

Checkout Button

This component is used to redirect to checkout page for payment. You can create product in Stripe dashboard and use the priceId to create a checkout session.

import { ButtonCheckout } from "@/components/button-checkout";

<ButtonCheckout
    className="w-full"
    priceId={plan.priceId}
    mode="payment"
    variant={plan.mostPopular ? "default" : "outline"}
/>