๐Ÿ“ฆ cloudflare / vinext

๐Ÿ“„ page.tsx ยท 16 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16import { Suspense } from "react";
async function SlowContent() {
  await new Promise(resolve => setTimeout(resolve, 500));
  return <p id="streamed-content">Streamed content loaded</p>;
}
export default function Page() {
  return (
    <div>
      <h1 id="streaming-page">Streaming Test</h1>
      <Suspense fallback={<p id="suspense-fallback">Loading content...</p>}>
        <SlowContent />
      </Suspense>
    </div>
  );
}