Does Firebase Work With Netlify?

// netlify/functions/protected-endpoint.ts
import { Handler } from '@netlify/functions';
import * as admin from 'firebase-admin';

admin.initializeApp();

export const handler: Handler = async (event) => {
  const token = event.headers.authorization?.split(' ')[1];
  
  if (!token) {
    return { statusCode: 401, body: 'Missing token' };
  }

  try {
    const decoded = await admin.auth().verifyIdToken(token);
    const db = admin.firestore();
    const doc = await db.collection('users').doc(decoded.uid).get();
    
    return {
      statusCode: 200,
      body: JSON.stringify({ user: decoded, data: doc.data() })
    };
  } catch (error) {
    return { statusCode: 403, body: 'Invalid token' };
  }
};

// src/app.tsx (Client-side)
import { initializeApp } from 'firebase/app';
import { getAuth, signInWithPopup, GoogleAuthProvider } from 'firebase/auth';

const app = initializeApp({
  apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
  projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID
});

const auth = getAuth(app);

export async function loginAndFetchData() {
  const credential = await signInWithPopup(auth, new GoogleAuthProvider());
  const token = await credential.user.getIdToken();
  
  const response = await fetch('/.netlify/functions/protected-endpoint', {
    headers: { authorization: `Bearer ${token}` }
  });
  return response.json();
}