Spike: Next.js / React Server Components usage guide
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Accessibilité débutants
- 38/100
- Type d'issue
- Documentation
- Clarté
- Plutôt claire
- Activité
- Calme
- Stack technique
- firebase, next.js, react, typescript
- Domaine
- documentation, frontend
Piste de recherche
Examinez les issues associées #530 et #334, puis lisez la référence liée sur la sérialisation de Firestore. Étudiez l’utilisation de Firestore avec React Server Components et déterminez quels hooks de reactfire sont compatibles avec RSC et lesquels sont réservés au client. Le travail sera considéré comme terminé après l’ajout d’une section de documentation « Using reactfire with Next.js / RSC » couvrant le modèle 'use client' et l’approche de sérialisation SSR de Firestore.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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: falsevianext/dynamicto 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
- Langage dominant
- TypeScript
- Étoiles
- 3.6k
- Forks
- 403
- Merge moyen
- 5 j 1 h
- PR mergées (30 j)
- 10
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de FirebaseExtended/reactfire
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 38/100
FirebaseExtended/reactfire#801 ·
-
v5
Difficulté 4/5 3-5 jours Accessibilité débutants 48/100
FirebaseExtended/reactfire#793 ·
-
v5
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
FirebaseExtended/reactfire#790 · 2 commentaires ·
-
v5
Difficulté 4/5 3-5 jours Accessibilité débutants 55/100
FirebaseExtended/reactfire#789 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
FirebaseExtended/reactfire#788 ·
Toutes les issues de FirebaseExtended/reactfire
Issues similaires
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Ouverte
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
-
Crush Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Ouverte
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
ElementsProject/cln-application#167 · 1 commentaire · 1 réaction ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
Quantco/pnpm-licenses#17 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100