Firebase Authentication

Use the Firebase client functions to authenticate users.

Quick Start:

Create a `.env.local` file with your Firebase credentials
Use the functions in client-side components with `client:` directives
Import auth functions from `firebase/auth`

Usage Example (in a client component):

---
import { signInWithEmailAndPassword } from 'firebase/auth';
import { auth } from '@/firebase.client';
---

<button onclick={handleLogin}>Login</button>

<script>
  export async function handleLogin() {
    const email = 'user@example.com';
    const password = 'password123';
    const result = await signInWithEmailAndPassword(auth, email, password);
    console.log('User logged in:', result.user);
  }
</script>

Available Methods:

signInWithEmailAndPassword(auth, email, password) - Sign in existing user
createUserWithEmailAndPassword(auth, email, password) - Create new user
signOut(auth) - Sign out current user
signInWithPopup(auth, provider) - Sign in with Google/GitHub/etc
onAuthStateChanged(auth, callback) - Listen to auth changes

Create a `.env.local` file with your Firebase credentials

Use the functions above to handle authentication

Import these functions in interactive components with `client:` directives

Usage Example:

import { handleLogin } from '@/pages/auth-example';

async function login() {
  const user = await handleLogin('user@example.com', 'password123');
}