Firebase Services Test Page
Checking Firebase configuration...
Firebase Setup Instructions
Follow these steps to configure Firebase for your project
1. Create Firebase Project
- Go to Firebase Console
- Click "Create a project"
- Enter project name:
tradesta - Enable Google Analytics (optional)
- Click "Create project"
2. Enable Firebase Services
Authentication
Go to Authentication → Sign-in method → Enable Email/Password and Google
Firestore Database
Go to Firestore Database → Create database → Start in test mode
Storage
Go to Storage → Get started → Start in test mode
3. Get Configuration Keys
Client-side Configuration
Go to Project Settings → Your apps → Add app → Web app → Copy config
Server-side Configuration
Go to Project Settings → Service accounts → Generate new private key
4. Environment Variables
Create a .env.local file in your app directory:
# Public Firebase Config (for client-side) NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key_here NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_project_id.firebaseapp.com NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_project_id.appspot.com NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_sender_id NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=your_measurement_id # Firebase Admin SDK (for server-side) FIREBASE_PROJECT_ID=your_project_id FIREBASE_CLIENT_EMAIL=your_service_account_email FIREBASE_PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\nyour_private_key_here\n-----END PRIVATE KEY-----\n" FIREBASE_STORAGE_BUCKET=your_project_id.appspot.com
5. Test Configuration
After setting up your environment variables, restart the development server and test the services.