fireact.dev Documentation

Fireact.dev is a comprehensive open-source framework designed to accelerate the development of production-ready SaaS applications. It integrates powerful technologies like Firebase, React, TypeScript, and Stripe to provide a robust and scalable foundation for your next project.

Our goal is to simplify the complexities of building modern SaaS applications, allowing developers to focus on their unique features and business logic. Fireact.dev comes with built-in solutions for:

• Authentication & User Management: Secure user sign-up, sign-in, password reset, user profiles, role-based access control, and team management.
• Subscription Management: Seamless integration with Stripe for handling multiple subscription plans, payment processing, billing portals, and subscription lifecycle management.
• Modern Development Stack: Leveraging React, TypeScript, and TailwindCSS for a highly performant, maintainable, and visually appealing frontend.
• Scalable Backend: Utilizing Firebase (Authentication, Firestore, Cloud Functions) for a serverless, scalable, and cost-effective backend infrastructure.

Learning Path

Follow this recommended learning progression from basics to advanced topics:

1. Getting Started

Begin with the Getting Started guide to set up your first Fireact.dev application. This covers:

• Prerequisites and environment setup
• Installing create-fireact-app CLI
• Creating and running your first project
• Understanding the project structure

2. Tutorials

Follow hands-on Tutorials to build real features:

• Building Your First Custom Feature - End-to-end feature development
• Customizing the UI Theme - Brand your application
• Custom Subscription Plans - Advanced billing features
• Third-Party Integrations - Integrate external services

3. Examples & Code Snippets

Explore ready-to-use Examples for common tasks:

• Authentication patterns (social login, email verification)
• Data management (CRUD, real-time updates, pagination)
• Cloud Functions (triggers, scheduled jobs, error handling)
• Subscription & billing (payment flows, usage-based billing)
• UI components (forms, modals, tables)
• Integration patterns (APIs, webhooks, email)

4. Custom Development

Learn to build advanced custom features in Custom Development:

• Developing custom components and pages
• Data fetching patterns
• Localization and internationalization
• Routing and permission control

5. API Reference

Deep dive into framework internals:

• App Package - Frontend components, hooks, and utilities
• Functions Package - Cloud Functions and backend logic

6. Best Practices

Master production-ready development with Best Practices:

• Code organization and architecture
• Performance optimization
• Error handling strategies
• Testing methodologies
• Security guidelines
• Deployment and CI/CD

Quick Links

• First time? Start with Getting Started
• Need code? Check Examples
• Building a feature? Follow Tutorials
• Production ready? Review Best Practices
• Troubleshooting? See Troubleshooting Guide