# Zero-flicker Firestore SSR with React

DevFeed: [Zero-flicker Firestore SSR with React](<https://devfeed.tech/articles/zero-flicker-firestore-ssr-with-react-16670.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2026/06/firestore-serialization-react>)

Author: Jeff Huleatt

Published: 2026-06-24T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firestore](<https://devfeed.tech/topics/firestore.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [React](<https://devfeed.tech/topics/react.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [firebase](<https://devfeed.tech/tags/firebase.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [serialization](<https://devfeed.tech/tags/serialization.md>), [server-side-rendering](<https://devfeed.tech/tags/server-side-rendering.md>), [ssr](<https://devfeed.tech/tags/ssr.md>), [web](<https://devfeed.tech/tags/web.md>), [web-app](<https://devfeed.tech/tags/web-app.md>)

## AI overview

This tutorial explains how to use Firebase JS SDK SSR-specific APIs to serialize Firestore query results on the server, resume them on the client, and support realtime updates in a Next.js and React application. It also discusses payload size and when serialization is unnecessary.

## Source excerpt

News, tutorials, and updates from the Firebase team.