Features > Payment Setup > Stripe

Setup

1. Sign up to create a new account on Stripe and activate payments

2. In your [Settings] > [Public Details], include your website URL

3. In your [Settings] > [Branding], include your logo & colors

4. In your [Settings] > [Customer Emails], Enable email notifications for successful payments and refunds.

5. In your [Settings] > [Customer Portal], Activate the link to the customer portal.

6. In the search box, enter 'rules' and then click on [Fraud Prevention] > [Rules] , Ensure that the first 3DS rule is enabled. Additionally, activate the second one (recommended). Make sure to block payments if CVC fails (check below).

7. Turn ON Test Mode

8. Generate a new product and copy the price ID (e.g., price_1ju5GD464564) inside config.stripe.plans[0].priceId in the config.ts file.

9. In your [Developers], Copy your public and private keys, and then add them to... STRIPE_SECRET_KEY & STRIPE_PUBLIC_KEY in .env.local

10. To configure the webhook locally, follow the steps in [Developers] > [Webhook] > [Test in local environment]. After signing in to Stripe CLI, Utilize this command to forward webhook events to our API.:

stripe listen --forward-to localhost:3000/api/webhook/stripe

Copy the signing secret and include it in STRIPE_WEBHOOK_SECRET in .env file

Ready for production?

1. DISABLE Test Mode in your Stripe Dashboard.
2. In your [Developers], Copy your public and private keys, and then add them to STRIPE_SECRET_KEY & STRIPE_PUBLIC_KEY in your production environment variables.
3. In your [Developers] > [Webhook] > [Add Enpoint]. Set your domain + /api/webhook/stripe. Selectcheckout.session.completed, customer.subscription.created, customer.subscription.updated, customer.subscription.deleted events (or more if needed). Get the signing secret and add it toSTRIPE_WEBHOOK_SECRET in your environment variables for production.

Create a Checkout

From the front-end, utilize the ButtonCheckout component to automatically generate a checkout session, whether it's for a one-time payment or a subscription.

Stripe webhooks & subscription handling

Our API listens for selected webhook events from Stripe and updates the user's status accordingly. It adds credits to credits column of user record in the users table. You can incorporate your own business logic as needed to the/api/webhook/stripe API endpoint (Add credits to a user's account, send an email with a paid e-book, and so on.)