DEV Community

Cover image for React + Firebase + Stripe = Fireact, the open-source project for your next SaaS product.

React + Firebase + Stripe = Fireact, the open-source project for your next SaaS product.

Chaoming Li on November 28, 2020

A new version has been released as NPM packages to make the project more flexible and customizable. Please visit fireact.dev. Many SaaS ...
Collapse
 
peter profile image
Peter Kim Frank •

Is there a license associated with the project?

Collapse
 
chaoming profile image
Chaoming Li •

MIT license

Collapse
 
peter profile image
Peter Kim Frank •

Awesome!

Collapse
 
samipshah100 profile image
samipshah100 •

Thanks looks very good!. Docs would be very helpful too. .

Collapse
 
chaoming profile image
Chaoming Li •

Thanks, the plan is to start writing docs. At the moment, only got the installation doc.

Collapse
 
samipshah100 profile image
samipshah100 •

OK cool. Does this let you manage user subscriptions on your front-end unlike firebase stripe extension (which needs customer to use stripe account to manage subscription)

Thread Thread
 
chaoming profile image
Chaoming Li • • Edited

Yes, account admin/owner can change subscription plan, update credit card and delete/cancel the subscription plan via the front-end. Customers don't even need to know you are using Stripe.

Feel free to login to the live demo and use the testing credit card 4242 4242 4242 4242 to play around the subscription management as the account owner.

Collapse
 
azeemdev profile image
Azeem Sharif •

Hi there , do we need to have a paid plan for this project to work ? How about you create a small blog post or maybe a tutorial to just integrate stripe api and once payment is done maybe add in a value of true inside firebase database. I am a total noob with firebase and stripe . I am working with asp.net core and react but recently A fellow friend needed help with firebase and stripe

Collapse
 
surjithctly profile image
Surjith S M •

Possible to integrate Next.js?

Collapse
 
chaoming profile image
Chaoming Li •

I don't really know Next.js. What would the benefits Next.js can bring in?

Collapse
 
mohammedijas profile image
Mohammed Ijas •

Using the firebase cloud functions. All the backend code is written as cloud functions.

Collapse
 
chaoming profile image
Chaoming Li •

I found cloud functions are relatively slow compared to the firebase web sdk. I would only use cloud functions only when necessary for security reasons

Collapse
 
mindhash profile image
Amol Umbark •

This is really cool. Good work 👏

Collapse
 
liyasthomas profile image
Liyas Thomas •

It would be great if there's also a Vue.js implementation.

Collapse
 
seanmclem profile image
Seanmclem •

All the Stripe stuff is on the front end? Don't you need a lot of that server side?

Collapse
 
chaoming profile image
Chaoming Li •

Most of the Stripe stuff is on server-side with Cloud Function.

Collapse
 
adeviss2 profile image
Alain Deviss •

This looks great. Does it have user roles ?

Collapse
 
chaoming profile image
Chaoming Li •

Good question. Yes, there are two roles for each subscription account: admin and user. Admin can change plan, view invoices and manage users.

Collapse
 
sm0ke profile image
Sm0ke •

This is useful. Thanks

Collapse
 
saleheen profile image
Md Salehin Khan •

Hi,
It's cool

Collapse
 
mohammedijas profile image
Mohammed Ijas •

Firebase is awesome and I have been using it for a long time. But, I am concerned about the scalability for large projects like something with 100k users using it at the same time.

Collapse
 
parthibhw19 profile image
Rathnam Parthib •

invoices collection is not created on the account. I see webhook code is not getting invoked. How to troubleshoot it?.

Collapse
 
jcortes0309 profile image
Juan Cortes •

This is great. I have a React/Firestore app and I'm planning to add SaaS functionality so this will be an awesome resource. Thanks for sharing!

Collapse
 
chaoming profile image
Chaoming Li •

Feel free to open issues in the Github repo if you have questions. Would love to follow your progress on making your product on top of the project.

Collapse
 
parthibhw19 profile image
Rathnam Parthib •

Thanks for the fireact and your efforts. When I deploy , getting error on all of the cloud functions code. What could be the issue?.

Collapse
 
parthibhw19 profile image
Rathnam Parthib • • Edited

I was missing 'mailgun-js' library, after npm i mailgun-js, all cloud functions deployed successfully.