Spike: Next.js / React Server Components usage guide
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 38/100
- Tipo di issue
- Documentazione
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- firebase, next.js, react, typescript
- Ambito
- documentation, frontend
Direzione di ricerca
Esamina le issue correlate #530 e #334, quindi leggi il riferimento collegato sulla serializzazione di Firestore. Esplora l’uso di Firestore con React Server Components e determina quali hook di reactfire sono compatibili con RSC e quali sono solo client-side. Il lavoro è completato quando viene aggiunta una sezione della documentazione “Using reactfire with Next.js / RSC” che descriva il pattern 'use client' e l’approccio alla serializzazione SSR di Firestore.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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
- Lingua principale
- TypeScript
- Stelle
- 3.6k
- Fork
- 403
- Merge medio
- 5g 1h
- PR unite (30g)
- 10
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di FirebaseExtended/reactfire
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 38/100
FirebaseExtended/reactfire#801 ·
-
v5
Difficoltà 4/5 3-5 giorni Idoneità per principianti 48/100
FirebaseExtended/reactfire#793 ·
-
v5
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
FirebaseExtended/reactfire#790 · 2 commenti ·
-
v5
Difficoltà 4/5 3-5 giorni Idoneità per principianti 55/100
FirebaseExtended/reactfire#789 ·
-
Difficoltà 5/5 Più di una settimana Idoneità per principianti 35/100
FirebaseExtended/reactfire#788 ·
Tutte le issue di FirebaseExtended/reactfire
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
bcgov/bc-wallet-mobile#4761 · 1 commento ·
-
external-issue to-triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 88/100
-
area-deployment area-integrations triage:bot-seen
Difficoltà 2/5 Mezza giornata Idoneità per principianti 86/100
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
-
refactor
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100