stripe-samples / firebase-subscription-payments

Example web client for the `firestore-stripe-subscriptions` Firebase Extension using Stripe Checkout and the Stripe Customer Portal.

Home Page:https://stripe-subs-ext.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Run Subscription Payments with the Stripe Firebase Extension

This is an example web client for usage with the Stripe Subscriptions Firebase Extension.

Features:

  • Renders product and pricing details from your Cloud Firestore.
  • Creates Stripe Checkout Sessions to start subscriptions for your customers.
  • Syncs your subscription statuses with Firebase Authentication for access control management.
  • Gives your users access to the Stripe Customer Portal.

Demo

The design for Stripe Checkout and the customer portal can be customized in your Stripe Dashboard branding settings. See this example which is customized to match the Firebase color scheme:

Setup

If you haven't already, install the Firebase CLI:

npm install -g firebase-tools

Install and configure the Firebase Extension

  1. Install the Stripe Subscriptions Firebase Extension.
  2. Configure the extension in your Firebase Console.

Configure the example web client

Run locally

firebase serve --project {your Firebase project name}
# or
npm run dev

Deploy to Firebase Hosting

firebase deploy
# or
npm run deploy

Author

About

Example web client for the `firestore-stripe-subscriptions` Firebase Extension using Stripe Checkout and the Stripe Customer Portal.

https://stripe-subs-ext.web.app/

License:MIT License


Languages

Language:JavaScript 60.5%Language:HTML 25.2%Language:CSS 14.3%