DEV Community

Cover image for React + Firebase + Stripe = Fireactjs, the new open-source framework for building SaaS fast
Chaoming Li
Chaoming Li

Posted on • Updated on

React + Firebase + Stripe = Fireactjs, the new open-source framework for building SaaS fast

About two years ago, I created an open-source project called Fireact to build SaaS web applications with React + Firebase + Stripe. Today, I am excited to share my new project Fireactjs.

What is Fireactjs

Fireactjs is a framework based on React + Firebase + Stripe for building SaaS web applications. It contains a few npm packages including @fireactjs/core package, @fireactjs/saas package and @fireactjs/saas-cloud-functions package.

The packages come with the components to help you setup your SaaS web application in an hour with the following built-in features:

  • User authentication and user profile management features
  • Single-sign-on supporting Google, Facebook, Microsoft and a wild range of sign-in methods.
  • Built-in Stripe integration to create free and paid subscription accounts
  • Invoice and billing method management features
  • Template base design for easy customization
  • Component base architecture that supports full customization
  • Easy to extend additional features

Why Fireactjs

For tech founders and developers who want to build SaaS web applications, developing user authentication and subscription integration with Stripe takes quite some time and effort. That takes away the time and energy to build the core features of the SaaS. That was the reason I started the Fireact project a couple of years ago. I spent a few months rewriting the project into npm packages so that you can install them to your React application. I hope the new framework will not only save you time in setting up your SaaS application but will also provide a good code base to start customization and further develop your SaaS core features.

Live Demo

You can experience the live demo of Fireactjs here: https://saas-demo.fireactjs.com

You can setup free and paid subscription accounts. To create paid subscription projects, use credit card 4242 4242 4242 4242 with any future expiry month and random 3-digit CVV.

Installation

To install the packages and setup your SaaS web application framework. You will need to create a React application and install the @fireactjs/core package first. See the Fireactjs core package installation documentation for more details.

Then you will need to install the @fireactjs/saas and @fireactjs/saas-cloud-functions packages following the Fireactjs SaaS package installation documentation here.

Resources

Conclusion

As a SaaS tech founder myself, I hope the Fireactjs framework will help you to realize your founder dream too.

If you build your SaaS with Fireactjs, let the world know about it by showing your project on the showcase page via Github https://github.com/fireactjs/website/blob/main/content/en/Showcases/_index.html

Any feedback is welcomed. Please comment below.

Thank you!

Top comments (0)