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

Chaoming Li @chaoming

About: I am an entrepreneur and a coder. I love to create things with code.

Location:
Sydney
Joined:
May 7, 2020

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

Publish Date: Nov 28 '20
207 26

A new version has been released as NPM packages to make the project more flexible and customizable. Please visit fireact.dev.

Many SaaS products are moving to React these days, and my own product has been through the same journey this year.

As I started the project, I decided to use Firebase for authentication, hosting and storing data. So I was looking for an existing solution. However, I couldn't find one so I built the first version of Fireact back in May 2020.

But that's not enough. As with most SaaS applications, I needed the feature to collect subscription payment. Now, the project version 2 is released.

Key features are:

  • Single-sign-on supporting Google, Facebook, Microsoft and a wild range of sign-in methods.
  • Stripe integration to manage subscription accounts and payments.
  • Supporting multiple subscription accounts per user
  • User permission management in subscription accounts
  • User permission framework for the development of your SaaS functionalities

Why Fireact

I hope the project can be a good starting point for developers working on SaaS projects. It comes with the features you need to manage users and subscriptions so you don't need to spend time on developing these features again. Just focus on the key functionalities of your SaaS project, it will save you tons of time.

Contribution

This is the first open-source project I created. If you like the project, please support it by contributing code, documentation, or simply spreading the word.

Here is the Github link: https://github.com/chaoming/fireact

Here is the demo: https://fireact-e1bdc.firebaseapp.com/
Use testing credit card 4242 4242 4242 4242 to create your testing subscription account.

Any feedback is welcomed.

Cheers,

Comments 26 total

  • Sm0ke
    Sm0keNov 28, 2020

    This is useful. Thanks

  • Liyas Thomas
    Liyas ThomasNov 28, 2020

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

  • Seanmclem
    SeanmclemNov 28, 2020

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

    • Chaoming Li
      Chaoming LiNov 28, 2020

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

  • samipshah100
    samipshah100Nov 28, 2020

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

    • Chaoming Li
      Chaoming LiNov 28, 2020

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

      • samipshah100
        samipshah100Nov 29, 2020

        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)

        • Chaoming Li
          Chaoming LiNov 29, 2020

          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.

  • Alain Deviss
    Alain DevissNov 28, 2020

    This looks great. Does it have user roles ?

    • Chaoming Li
      Chaoming LiNov 28, 2020

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

  • Peter Kim Frank
    Peter Kim FrankNov 28, 2020

    Is there a license associated with the project?

  • Juan Cortes
    Juan CortesNov 29, 2020

    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!

    • Chaoming Li
      Chaoming LiNov 29, 2020

      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.

  • Amol Umbark
    Amol UmbarkNov 29, 2020

    This is really cool. Good work 👏

  • Md Salehin Khan
    Md Salehin KhanNov 29, 2020

    Hi,
    It's cool

  • Surjith S M
    Surjith S MNov 29, 2020

    Possible to integrate Next.js?

    • Chaoming Li
      Chaoming LiNov 29, 2020

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

    • Mohammed Ijas
      Mohammed IjasNov 29, 2020

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

      • Chaoming Li
        Chaoming LiNov 30, 2020

        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

  • Mohammed Ijas
    Mohammed IjasNov 29, 2020

    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.

  • Rathnam Parthib
    Rathnam ParthibMar 22, 2021

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

    • Rathnam Parthib
      Rathnam ParthibMar 30, 2021

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

  • Rathnam Parthib
    Rathnam ParthibMar 30, 2021

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

  • Azeem Sharif
    Azeem SharifApr 30, 2021

    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

Add comment