Nextjs Cache API Instrumentation Observability Request Lifecycle

Next.js1 September 20263 menit baca

Nextjs Cache API Instrumentation Observability Request Lifecycle

Definisi

cache() API (Cache Components / unstable_cache, dan cache() dari react) adalah mekanisme memoization di level module/request untuk men-cache hasil fungsi agar tidak dijalankan berulang dalam satu render. Instrumentation (instrumentation.ts + register()) adalah hook lifecycle saat server Node/Edge startup, cocok untuk inisialisasi observability (OpenTelemetry, logger).

Kapan dipakai

cache(): fungsi mahal (fetch DB, compute) yang dipanggil berkali-kali dalam satu request tree tapi hasilnya sama; ingin dedupe otomatis.
Instrumentation: inisialisasi tracer/metrics sekali saat proses start, bukan di tiap handler.
Jangan pakai cache() untuk data yang harus selalu fresh per-request tanpa revalidasi.

Cara kerja

cache() react

import { cache } from 'react';
 
export const getUser = cache(async (

Selesai membaca dokumentasi ini?

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

Kembali ke Kategori

// file: instrumentation.ts (root atau src/)
export async function register() {
    if (process.env.NEXT_RUNTIME === 'nodejs') {
        const { initTracing } = await import('./lib/tracing');
        initTracing();
    }
}

// middleware.ts
export function middleware(req: NextRequest) {
    const start = Date.now();
    const res = NextResponse.next();
    res.headers.set('x-response-time', String(Date.now() - start));
    return res;
}

Nextjs Cache API Instrumentation Observability Request Lifecycle | Rujukan Pemrograman | Mahir.dev Academy

Nextjs Cache API Instrumentation Observability Request Lifecycle

Nextjs Cache API Instrumentation Observability Request Lifecycle

Definisi

Kapan dipakai

Cara kerja

cache() react

Selesai membaca dokumentasi ini?

instrumentation.ts

Hubungkan dengan logging request

Struktur alur request

Contoh cache dengan revalidate

Catatan implementasi

Kesalahan umum

Referensi terkait