Choose Your Plan

Payment processing can be handled securely by Stripe. For some plans (like our "Pro" plan), clicking the subscription button will redirect you to a pre-configured Stripe Payment Link. For other scenarios or more complex setups (e.g., dynamic pricing, different subscription options within a tier), you would typically create a Stripe Checkout Session via a backend API.

To fully implement Stripe with backend-driven Checkout Sessions:

• Set up products and prices in your Stripe dashboard. Each price will have a Price ID (e.g., price_xxxxxxxx).
• Create a backend endpoint (e.g., an API route in Next.js) that takes a Price ID, creates a Stripe Checkout Session, and returns the Session ID.
• Use Stripe.js on the client-side (with your Stripe Publishable Key) to redirect to the Checkout Session using the Session ID.
• Handle webhooks from Stripe to manage subscriptions and fulfillment on your backend.
• Ensure your Stripe Price IDs (e.g., NEXT_PUBLIC_STRIPE_PRICE_ID_PRO_MONTHLY for a specific plan if not using a direct link) and Publishable Key (NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY) are configured in your .env file.