Spike: Next.js / React Server Components usage guide

未关闭

#722 创建于 2026年6月26日 1 条评论 1 个 reaction 已指派 0 人在 GitHub 查看

还没有人认领这个 Issue。

评估

难度: 5/5
预计耗时: 一周以上
新手友好度: 38/100

Issue 类型: 文档
描述清晰度: 基本清楚
活跃度: 冷清
技术栈: firebase, next.js, react, typescript
领域: documentation, frontend

调研方向

检查相关 issue #530 和 #334，然后阅读链接的 Firestore 序列化参考资料。探索在 React Server Components 中使用 Firestore，并确定哪些 reactfire hooks 与 RSC 兼容，哪些仅限客户端使用。完成标准是添加一个“Using reactfire with Next.js / RSC”文档部分，涵盖 'use client' 模式和 Firestore SSR 序列化方法。

由索引模型根据 Issue 内容生成。

描述

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

主要语言: TypeScript
星标: 3.6k
派生: 403
平均合并: 5 天 1 小时
30 天内合并 PR: 10

贡献指南

打开贡献指南

从这里开始

先读完整个 Issue，再读项目的贡献指南。
在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
Fork 仓库，在一个分支上完成修改。
提交 Pull Request，并在描述里引用这个 Issue 编号。

FirebaseExtended/reactfire 的其他 Issue

No bindings for Firebase AI Logic 未关闭

难度 5/5 一周以上新手友好度 38/100

FirebaseExtended/reactfire#801 · 2026年8月25日创建
Suspense mode resumes with the previous observable's value on React 19 未关闭

v5

难度 4/5 3-5 天新手友好度 48/100

FirebaseExtended/reactfire#793 · 2026年8月12日创建
The observable cache leaks subscriptions and is shared across SSR requests 未关闭

v5

难度 4/5 3-5 天新手友好度 35/100

FirebaseExtended/reactfire#790 · 2 条评论 · 2026年8月11日创建
React 19 foundation: run tests against 19, then drop React 16/17 未关闭

v5

难度 4/5 3-5 天新手友好度 55/100

FirebaseExtended/reactfire#789 · 2026年8月11日创建
Tests that keep passing when the code they cover is broken 未关闭

难度 5/5 一周以上新手友好度 35/100

FirebaseExtended/reactfire#788 · 2026年8月10日创建

查看 FirebaseExtended/reactfire 的全部 Issue

相似的 Issue

Tapping "Use video" more than once submits the verification twice 未关闭

难度 2/5 1-3 小时新手友好度 84/100

bcgov/bc-wallet-mobile#4761 · 1 条评论 · 2026年9月24日创建
fix(pg-meta): schemas.update and schemas.remove DO blocks fail when a name contains "$$" 未关闭

external-issue to-triage

难度 2/5 1-3 小时新手友好度 88/100

supabase/supabase#50882 · 2026年9月24日创建
Azure Sandboxes: Small and ExtraSmall tiers always fail to deploy (disk request exceeds tier maximum) 未关闭

area-deployment area-integrations triage:bot-seen

难度 2/5 半天新手友好度 86/100

microsoft/aspire#20459 · 1 条评论 · 2026年9月24日创建
Mobile builds drop the telemetry and crash-reporting keys, so opting in sends nothing 未关闭

难度 2/5 1-3 小时新手友好度 82/100

0xMiden/wallet#1118 · 2026年9月24日创建
[P3] Handle clipboard failures and announce copy status accessibly 未关闭

refactor

难度 2/5 1-3 小时新手友好度 84/100

nteract/semiotic#1534 · 2026年9月24日创建

更多 TypeScript Issue