Next.js میں Suspense کے ساتھ streaming SSR کیسے کام کرتی ہے؟

Question

Accepted Answer

**Streaming SSR** سرور کو براؤزر میں HTML **چھوٹے حصوں میں بھیجنے دیتی ہے جیسے یہ تیار ہو**، پورے صفحے کے render ہونے کا انتظار کرنے کی بجائے۔ سست حصے تیز حصوں کو روکتے نہیں — صارف مواد تدریجی طور پر دیکھتا ہے۔ React `` streaming کی حدود متعین کرتا ہے۔ ## وہ مسئلہ جو streaming حل کرتی ہے Streaming کے بغیر، اگر ایک حصے کو سست ڈیٹا بیس query کی ضرورت ہے، **پورا صفحہ** اس کا انتظار کرتا ہے اس سے پہلے کہ *کوئی بھی* HTML بھیجا جائے — صارف خالی سکرین کو دیکھتا رہتا ہے۔ Streaming shell اور تیز مواد فوری طور پر بھیجتی ہے، پھر سست حصوں کو stream کرتی ہے جیسے وہ مکمل ہوں۔ ## Suspense کو استعمال کرتے ہوئے stream کریں ```tsx import { Suspense } from "react"; export default function Page() { return ( <>

{/* sent immediately */} }> {/* streams independently */} {/* an async Server Component */}

Next.js میں Suspense کے ساتھ streaming SSR کیسے کام کرتی ہے؟

وہ مسئلہ جو streaming حل کرتی ہے

Suspense کو استعمال کرتے ہوئے stream کریں

loading.tsx خودکار Suspense ہے

Streaming اہم metrics میں کیوں مدد دیتی ہے

یہ کیوں اہم ہے