Nextjs Route Handler Streaming Readablestream Sse Custom Response

Next.js1 September 20262 menit baca

Nextjs Route Handler Streaming Readablestream Sse Custom Response

Definisi

Route Handler (app/api/.../route.ts) bisa mengembalikan Response dengan ReadableStream untuk streaming progresif — baik chunk teks biasa maupun SSE (Server-Sent Events) untuk push realtime ke client.

Kapan dipakai

Pakai streaming saat respons besar/lama (AI token-by-token, log live, progress export) supaya client dapat data sebagian tanpa menunggu selesai. SSE cocok untuk push server→client satu arah.

Cara kerja

Streaming chunk

export async function GET() {
  const stream = new ReadableStream({
    async start(controller) {
      for (

Selesai membaca dokumentasi ini?

Kembali ke rujukan utama Next.js untuk melanjutkan topik lainnya.

Kembali ke Kategori

export async function GET() {
  const stream = new ReadableStream({
    start(c) {
      const id = setInterval(() => c.enqueue(`data: ${Date.now()}\n\n`), 1000);
      // cleanup saat cancel
    },
  });
  return new Response(stream, { headers: { 'Content-Type': 'text/event-stream' } });
}

Nextjs Route Handler Streaming Readablestream Sse Custom Response | Rujukan Pemrograman | Mahir.dev Academy

Nextjs Route Handler Streaming Readablestream Sse Custom Response

Nextjs Route Handler Streaming Readablestream Sse Custom Response

Definisi

Kapan dipakai

Cara kerja

Streaming chunk

Selesai membaca dokumentasi ini?

SSE

Struktur alur

Catatan implementasi

Kesalahan umum

Referensi terkait