Documentation
Documentation
Introduction

Getting Started

Getting started
Getting StartedInstallationQuick StartProject Structure

Configuration

Configuration
ConfigurationEnvironment ConfigurationEdge ConfigDatabaseAuth SecretStripeFirebaseStorageGoogle Maps And Cloud Service AccountOAuth ProvidersEmail DeliverySentryFeature Flags

Architecture

Architecture
Architecture OverviewTech StackoRPC MiddlewareDesign Principles

Patterns

Patterns
Code Patterns & ConventionsFeature ModulesError HandlingType Safety

Database

Database
DatabaseSetupSchema DefinitionDatabase OperationsMigrationsCaching
Data Tables

API

oRPCProceduresRoutersoRPC Proxy Setup
APIsOpenAPIREST Endpoints

Auth & Access

AuthenticationConfigurationOAuth ProvidersRolesSession Management
AuthorizationUser RolesPermissions

Routing & i18n

RoutingDeclarative RoutingNavigation
InternationalizationTranslationsLocale Routing

Components & UI

ComponentsButtonsFormsNavigationDialogs
StylesTailwind CSSThemingTypography

Storage

Storage
StorageConfigurationUsageBuckets
Stripe Billing

Extra

Caching

Templates

Templates
Template GuidesCreate New FeatureCreate New PageCreate Database TableCreate oRPC RouterAdd Translations

Development

Development
DevelopmentCommandsAI AgentsBest Practices
Pulling Updates

Firebase

Configure Firebase web app and analytics env variables

Variables

VariableRequiredSource Field
NEXT_PUBLIC_FIREBASE_API_KEYYesapiKey
NEXT_PUBLIC_FIREBASE_AUTH_DOMAINYesauthDomain
NEXT_PUBLIC_FIREBASE_PROJECT_IDYesprojectId
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKETYesstorageBucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_IDYesmessagingSenderId
NEXT_PUBLIC_FIREBASE_APP_IDYesappId
NEXT_PUBLIC_GA_IDYesmeasurementId

Setup Steps

  1. Create/select project in https://console.firebase.google.com/.
  2. In project dashboard, click Add app.
  3. Select Web platform.
  4. Enter app name.
  5. Skip/disable Firebase Hosting if not needed.
  6. Click create/register app.
  7. Copy the generated firebaseConfig object.
  8. You can also find the same values in Project Settings -> General.
  9. Map each field to env variables.

Mapping Example

const firebaseConfig = {
  apiKey: "...",
  authDomain: "<id>.firebaseapp.com",
  projectId: "<id>",
  storageBucket: "<id>.firebasestorage.app",
  messagingSenderId: "123456789",
  appId: "1:123456789:web:abcdef",
  measurementId: "G-XXXXXXXXXX",
};
NEXT_PUBLIC_FIREBASE_API_KEY="..."
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="<id>.firebaseapp.com"
NEXT_PUBLIC_FIREBASE_PROJECT_ID="<id>"
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="<id>.firebasestorage.app"
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="123456789"
NEXT_PUBLIC_FIREBASE_APP_ID="1:123456789:web:abcdef"
NEXT_PUBLIC_GA_ID="G-XXXXXXXXXX"

NEXT_PUBLIC_GA_ID maps to Firebase measurementId.

Screenshots

Firebase add web app step

Firebase web app config block

Related

For Firebase Storage bucket setup and provider switching, see Storage Configuration.

On this page

Variables
Setup Steps
Mapping Example
Screenshots
Related