🌟Open-source SaaS Starter: React + Firebase + Stripe + i18n
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

🌟Open-source SaaS Starter: React + Firebase + Stripe + i18n

Publish Date: Nov 26 '24
10 16

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

Comments 16 total

  • Peter Harrison
    Peter HarrisonNov 27, 2024

    This sounds awesome. Building my own SaaS at the moment, and solving these problems is a pretty major time sink. Will take a look.

    • Chaoming Li
      Chaoming LiNov 27, 2024

      Indeed, it takes weeks easily if start from scratch. I hope you find the project helpful. Feel free to give me feedback.

  • Nicolas Fodor
    Nicolas FodorNov 27, 2024

    Is Firebase replacable by others?

    • Chaoming Li
      Chaoming LiNov 27, 2024

      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.

    • eshimischi
      eshimischiNov 27, 2024

      It’s agnostic. Personally would go with supabase.com/ instead

  • Matek
    MatekNov 28, 2024

    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.

    • Chaoming Li
      Chaoming LiNov 28, 2024

      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.

      • Matek
        MatekNov 28, 2024

        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.

        • Chaoming Li
          Chaoming LiNov 28, 2024

          Using the Stripe data to create accounts?

          • Matek
            MatekNov 28, 2024

            Create account in firebase. We can use the same email as for payments details

            • Chaoming Li
              Chaoming LiNov 28, 2024

              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.

              • Matek
                MatekNov 28, 2024

                Sure thank You

                • Matek
                  MatekNov 28, 2024

                  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_REFUSED

  • CEO Playbooks
    CEO PlaybooksDec 3, 2024

    Cool!

Add comment