React + Firebase + Stripe = Fireactjs, the new open-source framework for building SaaS fast
Published: 2023-02-07 12:00:50

About two years ago, I created an open-source project called [Fireact](https://dev.to/chaoming/react-firebase-stripe-fireact-the-open-source-project-for-your-next-saas-product-1b84) to build SaaS web applications with React + Firebase + Stripe. Today, I am excited to share my new project [Fireactjs](https://fireactjs.com).

## 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](https://www.npmjs.com/package/@fireactjs/core), `@fireactjs/saas` [package](https://www.npmjs.com/package/@fireactjs/saas) and `@fireactjs/saas-cloud-functions` [package](https://www.npmjs.com/package/@fireactjs/saas-cloud-functions).

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](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](https://fireactjs.com/docs/core-package/installation/) 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](https://fireactjs.com/docs/saas-package/installation/) here.

## Resources

- [Fireactjs website](https://fireactjs.com)
- [Github repos](https://github.com/orgs/fireactjs/repositories)
- npm packages
    - [https://www.npmjs.com/package/@fireactjs/core](https://www.npmjs.com/package/@fireactjs/core)
    - [https://www.npmjs.com/package/@fireactjs/saas](https://www.npmjs.com/package/@fireactjs/saas)
    - [https://www.npmjs.com/package/@fireactjs/saas-cloud-functions](https://www.npmjs.com/package/@fireactjs/saas-cloud-functions)

## 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](https://fireactjs.com/showcases/) via Github [https://github.com/fireactjs/website/blob/main/content/en/Showcases/_index.html](https://github.com/fireactjs/website/blob/main/content/en/Showcases/_index.html)

Any feedback is welcomed. Please comment below.

Thank you!