Stripe Integration

AppLaunchKit goes beyond providing just the basic pre-configured development tools to enhance your development experience. It equips you with Stripe for payment integration and supabase edge function for event triggers.

Architecture

Our subscription payment setup involves the following components:

1. Stripe Dashboard: Products and plans are created here.
2. Supabase Edge Function: This function is added as a webhook in Stripe. When a subscription event occurs, this function is triggered. For our case, we are using the stripe-webhook made in the supabase/supabase/stripe-webhook/index.tsx.
3. Supabase Database: The edge function updates the relevant data in the Supabase database for the relevant events (i.e. products update/create, subscription update/create, prices update/create and customer update/create).

Payment Flow