> ## Documentation Index
> Fetch the complete documentation index at: https://docs.micleo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Stripe

> Payments & Subscriptions for your SaaS platform

## Create an account

<Note>[https://stripe.com/](https://stripe.com/)</Note>

## API keys

Get the the publishable key, and the signing secret in the developper section of your Stripe account.
<Note>Set the variable **VUE\_APP\_STRIPE\_PUBLISHABLE\_KEY**</Note>

<Note>Set the variable **STRIPE\_WEBHOOK\_SIGNING\_SECRET**</Note>

## Create a Webhook

Create a new webhook in Stripe so as to get events change in your database. Add the API Endpoint URL or the Hookdeck URL.

<Note>
  **Hookdeck URL:**<br />
  [https://events.hookdeck.com/e/src\_UUNaLSSAbmpS/stripe](https://events.hookdeck.com/e/src_UUNaLSSAbmpS/stripe)<br />
  or<br />
  **API Endpoint URL:**<br />
  [https://btmgtxdqngmfakejvarv.functions.supabase.co/api/stripe](https://btmgtxdqngmfakejvarv.functions.supabase.co/api/stripe)<br />
</Note>

## Stripe Events

* checkout.session.completed
* customer.created
* customer.deleted
* customer.source.created
* customer.source.deleted
* customer.source.expiring
* customer.source.updated
* customer.subscription.created
* customer.subscription.deleted
* customer.subscription.updated
* invoice.created
* invoice.deleted
* invoice.paid
* price.created
* price.deleted
* price.updated
* product.created
* product.deleted
* product.updated

<Frame>
  <img width="350" src="https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/stripe-1.webp?fit=max&auto=format&n=b-FBhFe5P7CqnoRG&q=85&s=03e6caaada1af60fb48dc6c21eeee495" style={{ borderRadius: '0.5rem' }} data-path="images/stripe-1.webp" />
</Frame>

## Pricing Table

<Note>[https://stripe.com/docs/payments/checkout/pricing-table](https://stripe.com/docs/payments/checkout/pricing-table)</Note>

<Note>Set the variable **VUE\_APP\_STRIPE\_PRICING\_TABLE**</Note>

<Frame>
  <img src="https://mintcdn.com/micleo/b-FBhFe5P7CqnoRG/images/pricing-table.png?fit=max&auto=format&n=b-FBhFe5P7CqnoRG&q=85&s=85e6cdcda119fe3bc11636d0ab04f9ad" style={{ borderRadius: '0.5rem' }} width="2976" height="1576" data-path="images/pricing-table.png" />
</Frame>

## Products

**Quotas / Billing usage**: Add metadata with the name of the table and the number of the max value.