Tutorials

This section provides step-by-step tutorials to help you build features and extend your Fireact.dev application.

Available Tutorials

Getting Started

Advanced Topics

Tutorial Structure

Each tutorial follows a consistent structure:

  1. Overview - What you’ll build and learn
  2. Prerequisites - Required knowledge and setup
  3. Step-by-Step Guide - Detailed instructions with code examples
  4. Testing - How to test your implementation
  5. Next Steps - Further enhancements and related topics

Learning Path

We recommend following tutorials in this order:

  1. Start with Building Your First Custom Feature
  2. Move to UI customization with Customizing the UI Theme
  3. Advance to Implementing Custom Subscription Plans
  4. Explore Adding Third-Party Integrations

Prerequisites

Before starting these tutorials, you should:

  • Have completed the Getting Started Guide
  • Be familiar with React and TypeScript
  • Understand Firebase basics (Auth, Firestore, Functions)
  • Have a working Fireact.dev application

Getting Help

If you get stuck:


Building Your First Custom Feature

Learn how to build a custom feature end-to-end, from React component to Cloud Function to Firestore integration.

Customizing the UI Theme

Learn how to customize colors, fonts, and styling to match your brand.

Implementing Custom Subscription Plans

Learn how to create and manage custom subscription plans with advanced features.

Adding Third-Party Integrations

Learn how to integrate external services and APIs into your Fireact.dev application.


Last modified October 12, 2025: add documentation (dac84c6)