Spike: Next.js / React Server Components usage guide
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức phù hợp với người mới
- 38/100
- Loại issue
- Tài liệu
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Ít trao đổi
- Công nghệ
- firebase, next.js, react, typescript
- Lĩnh vực
- documentation, frontend
Hướng nghiên cứu
Xem xét các issue liên quan #530 và #334, sau đó đọc tài liệu tham khảo đã liên kết về việc tuần tự hóa Firestore. Tìm hiểu việc sử dụng Firestore với React Server Components và xác định các hook của reactfire nào tương thích với RSC và hook nào chỉ dành cho client. Hoàn thành có nghĩa là thêm một mục tài liệu “Using reactfire with Next.js / RSC”, bao quát pattern 'use client' và phương pháp tuần tự hóa SSR của Firestore.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
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
- Ngôn ngữ chính
- TypeScript
- Star
- 3.6k
- Fork
- 403
- Merge trung bình
- 5 ngày 1 giờ
- Pull request đã merge (30 ngày)
- 10
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của FirebaseExtended/reactfire
-
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 38/100
FirebaseExtended/reactfire#801 ·
-
v5
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
FirebaseExtended/reactfire#793 ·
-
v5
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
FirebaseExtended/reactfire#790 · 2 bình luận ·
-
v5
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 55/100
FirebaseExtended/reactfire#789 ·
-
Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 35/100
FirebaseExtended/reactfire#788 ·
Tất cả issue của FirebaseExtended/reactfire
Issue tương tự
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
-
Crush Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
ElementsProject/cln-application#167 · 1 bình luận · 1 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Quantco/pnpm-licenses#17 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100