Next.js · Senior · Question 34 of 75

Why is page data sometimes sent twice - in the HTML and in the RSC payload?

Explanation

Client component props are serialized into the payload embedded in the page, even if the same data is already visible in the HTML. So large arrays passed to client components bloat the response. Pagination, passing minimal fields and rendering large static parts on the server help.

Further reading

Problem with a question

Next.js · Senior · question 34

Test yourself

Take the Next.js · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.

Take this quiz