Firebase Integration

The complete Firebase setup for the Web App, from creating the project to connecting the website, enabling authentication, and setting up the Realtime Database for battles, is in one guide:

👉 Common Firebase Configuration

Follow these sections in order:

1. Step 1: Create Your Firebase Project
2. Step 2B: Connect the Web App (Next.js)
3. Step 3: Enable Authentication
4. Step 4: Set Up Realtime Database

Already set up Firebase for the App?

Use the same Firebase project. You only need to do Step 2B for the web, since Steps 1, 3, and 4 are shared.