Streaming với Suspense và Partial Prerendering (PPR) trong Next.js hoạt động ra sao?

import { Suspense } from "react";

export default function Page() {
  return (
    <>
      <Header />                      {/* static, vào shell */}
      <Suspense fallback={<Skeleton />}>
        <PersonalizedFeed />          {/* dùng cookies() => stream theo request */}
      </Suspense>
    </>
  );
}

• Không có Suspense: dùng Dynamic API làm cả route dynamic, response phải chờ xong mới trả.
• Có Suspense: server flush shell trước (TTFB nhanh, FCP sớm), sau đó nhúng thêm chunk khi dữ liệu sẵn sàng, React hydrate chọn lọc (selective hydration).
• PPR bật bằng experimental.ppr (Next 14/15 canary, chế độ incremental cho từng route với export const experimental_ppr = true). Static shell được phục vụ từ CDN/edge, phần dynamic chạy khi request.
• Status code và header đã gửi trước khi stream xong nên không thể đổi sang redirect/404 giữa chừng (với not-found sẽ chèn meta noindex).