Meta Pixel
RytoraRytoraDocsBack to site

Integrations

Firebase

Google's app platform with Firestore, auth, storage, and hosting. Firebase replaces the NestJS backend — the AI generates Firebase client code directly in React.

How it works

When the Firebase connector is enabled, the AI Builder switches to frontend-only mode. Instead of generating a NestJS backend, it produces Firebase SDK code using the modular v9+ API directly in your React components. Firestore queries, authentication, and storage operations are all handled client-side.

Key features

Firestore real-time NoSQL

Cloud Firestore provides a flexible, scalable NoSQL database with real-time listeners. The AI generates typed document models, queries, and snapshot subscriptions.

Authentication

Email/password, phone number, and social providers (Google, Apple, GitHub). Rytora BuildLabs generates complete auth flows with protected routes and session handling.

Cloud Storage

Upload and serve user-generated content like images, videos, and documents with Firebase Storage. Includes upload progress tracking and download URL generation.

Security Rules

The AI generates Firestore and Storage security rules based on your app's access patterns, ensuring data is protected at the database level.

Hosting

Deploy your generated app directly to Firebase Hosting with CDN-backed global distribution and automatic SSL certificates.

Setup

Enable the Firebase connector in Project Settings → Connectors. Add your Firebase config through the connector UI — credentials are encrypted and automatically injected as environment variables.

Connector fields

VITE_FIREBASE_API_KEYAIzaSy...
Required
VITE_FIREBASE_AUTH_DOMAINmyapp.firebaseapp.com
Required
VITE_FIREBASE_PROJECT_IDmyapp-12345
Required
VITE_FIREBASE_STORAGE_BUCKETmyapp.appspot.com
Optional
VITE_FIREBASE_MESSAGING_SENDER_ID123456789
Optional
VITE_FIREBASE_APP_ID1:123:web:abc
Optional

Connector permissions

Each tool can be set to Always allow, Ask each time, or Never allow:

  • - Read database
  • - Modify database
  • - Configure auth
  • - Manage storage

Pro plan required

Firebase integration is available on the Pro plan. Enabling Firebase forces frontend-only mode — no NestJS backend is generated.