FirebaseExtended / FirebaseExtended/reactfire

Spike: Next.js / React Server Components usage guide

Abierto
#722 1 comentario 1 reacción 0 asignados Ver en GitHub
v5
Lenguaje dominante
TypeScript
Estrellas
3.6k
Forks
403
Merge medio
14 h 53 min
PR fusionados (30 d)
5

Descripción

reactfire works with Next.js but the full SSR/RSC story needs exploration before we can write authoritative guidance. Known pieces:

**Solved (client-side patterns):**
- Context providers need `'use client'` for App Router
- Browser-only SDKs (Analytics, etc.) also need `ssr: false` via `next/dynamic` to prevent SSR initialization — see #530

**Needs exploration:**
- How to use Firestore with React Server Components, including serialization constraints (Firestore objects can't cross the RSC boundary as-is)
- Reference: https://firebase.blog/posts/2026/06/firestore-serialization-react
- General guidance for which reactfire hooks are RSC-compatible vs. client-only

Outcome: a "Using reactfire with Next.js / RSC" section in docs covering both the simple `'use client'` pattern and the Firestore SSR serialization approach.

Related: #530, #334

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Review related issues #530 and #334, then read the linked Firestore serialization reference. Explore Firestore use with React Server Components and determine which reactfire hooks are RSC-compatible versus client-only. Done means adding a “Using reactfire with Next.js / RSC” documentation section covering the 'use client' pattern and Firestore SSR serialization approach.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
firebase, next.js, react, typescript
Área
documentation, frontend
Tipo de issue
Documentación
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Tranquilo
Claridad
Bastante claro
Aptitud para principiantes
38/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.