/firebase-subscription-payments

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

Primary LanguageJavaScriptMIT LicenseMIT

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:

Stripe Checkout Page Stripe Customer Portal

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
# or
npm run dev

Deploy to Firebase Hosting

firebase deploy
# or
npm run deploy

Author