After several years of building SaaS businesses, I recognized a recurring challenge: nearly every SaaS application requires implementing a set of common features such as authentication, subscription management, team collaboration, billing, and more. To address this, I developed fireact.dev—an open-source project that consolidates the essential components I've built over the years. fireact.dev leverages React, Firebase, Stripe, and i18n to help developers expedite their SaaS projects, allowing them to focus on their unique business logic rather than starting from scratch.
🔍 Core Features
- Robust Single Sign-On (SSO): Integrate Firebase authentication with providers like Google, Facebook, Microsoft, and other popular sign-in options to ensure a smooth user experience.
- Seamless Stripe Integration: Manage subscriptions and process payments with our built-in Stripe support, simplifying your billing operations.
- Multiple Subscription Management: Enable users to handle multiple subscription accounts within a single platform, providing flexibility and scalability for building B2B SaaS.
- Advanced User Permissions: Enhance security and collaboration by managing user access and permissions within different subscription accounts.
- Customizable Permission Framework: Tailor your SaaS functionalities with our flexible permission system, allowing for extensive customization to meet your specific needs.
- Multilingual Support (i18n): Cater to a global audience by offering a multilingual interface, ensuring your application is accessible to users worldwide.
🚀 Why Choose fireact.dev
- Component-Based Architecture: fireact.dev is built with React components that are easy to integrate. If customization is needed, you can simply replace components with your own designs and functionalities.
- Modern Tech Stack: Utilizing TypeScript and Tailwind CSS, fireact.dev ensures a contemporary and efficient development environment, aligning with current industry standards.
- Easy Package Management: Install components as npm packages. There's no need to fork or maintain the source code yourself—simply update the packages to access new features and improvements as they become available.
🌐 Live Demonstration
See fireact.dev in action by visiting our demo site. You can create new projects using the test credit card number 4242 4242 4242 4242 with any future expiration date and CVC to explore the platform's capabilities firsthand.
🛠️ Start Building Your SaaS Today
Eager to kickstart building your SaaS application? Visit our website to access comprehensive documentation that will guide you through the setup and customization process, helping you get your project off the ground swiftly and efficiently.
🤝 Join the fireact.dev Community
If fireact.dev resonates with your development needs, I encourage you to contribute to the project. Whether it's through coding, improving documentation, or spreading the word, your support is invaluable. fireact.dev is dedicated to remaining a free and open-source resource, empowering developers everywhere to bring their SaaS visions to life.
🔗 GitHub Repository: https://github.com/fireact-dev/main
Top comments (16)
Any advice on how to deal with such a case ->
I have pricing on the landing page. The user clicks on the offer and purchase plan, and then I want to create a user account in Firebase.
If I understand your scenario correctly, this would be the pricing page (website) -> the sign-up form (web app). The system has the route for the sign-up page so you can always link to it.
Just want to give possibility to buy subscription without having account.
So the flow will be following->
User buys subscription then system creates account for user.
Using the Stripe data to create accounts?
Create account in firebase. We can use the same email as for payments details
That is a great idea. I have a Hugo theme (github.com/chaoming/hugo-saasify-t...) which could be the starting point of the process. Thank you for the idea!
Don't hesitate to contribute code if you like.
Sure thank You
I'm trying to create subscription and I'm getting
CreatePlan.tsx:41
POST http://localhost:5555/my-app-name/us-central1/createSubscription net::ERR_CONNECTION_REFUSEDLooks like ports are wrong?
Looks like your Cloud Functions are on port 5001. Make sure you configure it the same port in the config.json (docs.fireact.dev/core/getting-star...)
Is Firebase replacable by others?
Which tech stack do you have in mind?
The framework is designed to be customizable. It consists of a bunch of React components, so custom-built components can replace them.
The reason for Firebase is that it is serverless and very cost-effective. The current version of components uses Firebase Auth for authentication, Firestore for its database and Cloud Functions for server-side functions.
It’s agnostic. Personally would go with supabase.com/ instead
This sounds awesome. Building my own SaaS at the moment, and solving these problems is a pretty major time sink. Will take a look.
Indeed, it takes weeks easily if start from scratch. I hope you find the project helpful. Feel free to give me feedback.
Cool!