ESC
NextStarterAI logo
Menu
On this page

Components > Pricing

page.tsx
1import { Pricing } from "@/components/Pricing";

A fully configurable pricing component that can be used to display different pricing plans. It supports both one-time payments and subscriptions.


Pricing component image
Configure the pricing plans of your Stripe or or LemonSqueezy in the config.ts file and the component will automatically render the plans. Just add your custom CTA text and you are good to go!
ButtonCheckout.tsx
1const Pricing: FC<PricingProps> = ({ 2 ctaText = "Don't waste your time on integrations. Build and ship your app in days.", 3 })

Configuring payment

Check out our documentation to learn more about configuring the payment setup.