stripe-samples / Firebase Subscription Payments
Licence: mit
Example web client for the `firestore-stripe-subscriptions` Firebase Extension using Stripe Checkout and the Stripe Customer Portal.
Stars: ✭ 119
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Firebase Subscription Payments
Stripe Firebase Extensions
Repository of Firebase Extensions built by Stripe.
Stars: ✭ 133 (+11.76%)
Mutual labels: subscriptions, firebase, stripe, firebase-auth
Use Firebase Auth
A custom React Hook that provides a declarative interface for Firebase Auth.
Stars: ✭ 61 (-48.74%)
Mutual labels: firebase, firebase-auth
Firebaserealtimechat
Sample real-time chat application using Firebase
Stars: ✭ 60 (-49.58%)
Mutual labels: firebase, firebase-auth
React Most Wanted
React starter kit with "Most Wanted" application features
Stars: ✭ 1,867 (+1468.91%)
Mutual labels: firebase, firebase-auth
Bento Starter
🍱 Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
Stars: ✭ 1,519 (+1176.47%)
Mutual labels: firebase, firebase-auth
Simple firebase auth
Simple Firebase Login Flow in Flutter
Stars: ✭ 58 (-51.26%)
Mutual labels: firebase, firebase-auth
React Mobx Firebase Authentication
🔥Boilerplate Project for Authentication with Firebase in React and MobX
Stars: ✭ 111 (-6.72%)
Mutual labels: firebase, firebase-auth
Firebase Admin Node
Firebase Admin Node.js SDK
Stars: ✭ 1,050 (+782.35%)
Mutual labels: firebase, firebase-auth
Angular Redux Ngrx Examples
Sample projects with Angular (4.x) + Angular CLI + ngrx (Redux) + Firebase
Stars: ✭ 73 (-38.66%)
Mutual labels: firebase, firebase-auth
The Road To React With Firebase
📓The Road to React with Firebase: Your journey to build business applications with React and Firebase.
Stars: ✭ 82 (-31.09%)
Mutual labels: firebase, firebase-auth
Nextjs Redux Firebase Authentication
Boilerplate Project for Authentication with Firebase in NextJs and Redux
Stars: ✭ 90 (-24.37%)
Mutual labels: firebase, firebase-auth
React Native Firebase Chat
React Native chat application using firebase.
Stars: ✭ 113 (-5.04%)
Mutual labels: firebase, firebase-auth
Firebase As3
Integrate Firebase Auth, Realtime Database and Storage in your Adobe AIR projects.
Stars: ✭ 55 (-53.78%)
Mutual labels: firebase, firebase-auth
Ionic Social Login With Firebase
IONIC - Social Login with Firebase
Stars: ✭ 58 (-51.26%)
Mutual labels: firebase, firebase-auth
Angular 4 Material Pos
POS written in Angular 4 with Angular Material UI
Stars: ✭ 54 (-54.62%)
Mutual labels: firebase, firebase-auth
Flutter firebase vote
A flutter application named Vote, based on firebase auth and firestore database.
Stars: ✭ 62 (-47.9%)
Mutual labels: firebase, firebase-auth
Laqul
A complete starter kit that allows you create amazing apps that look native thanks to the Quasar Framework. Powered by an API developed in Laravel Framework using the easy GraphQL queries language. And ready to use the Google Firebase features.
Stars: ✭ 110 (-7.56%)
Mutual labels: firebase, firebase-auth
Jetstream Cashier Billing Portal
Jetstream Cashier Billing Portal is a simple scaffolding billing portal to manage subscriptions, invoices and payment methods, built on top of Jetstream & Cashier Register.
Stars: ✭ 45 (-62.18%)
Mutual labels: subscriptions, stripe
Firebase Stripe
Headless Stripe Payments Using Firebase Functions
Stars: ✭ 72 (-39.5%)
Mutual labels: firebase, stripe
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
- Install the Stripe Subscriptions Firebase Extension.
- Configure the extension in your Firebase Console.
Configure the example web client
- In the /public/javascript/app.js file set your
-
STRIPE_PUBLISHABLE_KEY
from the Stripe Dashboard. -
taxRates
array from the Stripe Dashboard. -
firebaseConfig
object from your Firebase console project settings. -
functionLocation
from your Cloud Functions location setting.
-
Run locally
firebase serve --project {your Firebase project name}
# or
npm run dev
Deploy to Firebase Hosting
firebase deploy
# or
npm run deploy
Author
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].