Next.js OAuth/Firebase Starter Kit

AboutDeveloperUI?

Step 2: Set up Firebase Project

Previous StepNext Step

Sub-step 1: Create a Firebase account

To get started, follow these steps:

  1. Visit the Firebase Console.
  2. Click on "Add project".
  3. Select the Google Cloud project you set up in the first step.
  4. Continue and set up Google Analytics if desired.

Sub-step 2: Add Firebase to your web app

Follow these steps to integrate Firebase with your Next.js app:

  1. Click the </> button to add Firebase to your web app.
  2. Give your app a nickname and register the app.
  3. Ignore the npm install firebase command, as it comes preinstalled.
  4. Create a firebase.ts file in your root directory and paste the code provided by Firebase under the install command.

Sub-step 3: Set up Authentication

Configure authentication for your Firebase project:

  1. Go to Authentication and click "Get Started".
  2. For sign-in providers, select Google, enable it, and press save.
  3. Return to the project overview.

Sub-step 4: Set up Cloud Firestore

Initialize Cloud Firestore for your project:

  1. Click Cloud Firestore and select "Get Started".
  2. Leave defaults and press "Create".
  3. Choose to start in production and press "Create".

For more detailed instructions, refer to the Firebase Web Setup Guide.