serverComponentsHmrCache | Next.js

Die experimentelle Option serverComponentsHmrCache ermöglicht es Ihnen, fetch-Antworten in Server-Komponenten über Hot Module Replacement (HMR)-Aktualisierungen in der lokalen Entwicklung hinweg zwischenzuspeichern. Dies führt zu schnelleren Antworten und reduzierten Kosten für abrechenbare API-Aufrufe.

Standardmäßig gilt der HMR-Cache für alle fetch-Anfragen, einschließlich solcher mit der Option cache: 'no-store'. Das bedeutet, dass ungecachte Anfragen zwischen HMR-Aktualisierungen keine frischen Daten anzeigen. Der Cache wird jedoch bei Navigation oder vollständigen Seiten-Neuladungen geleert.

Sie können den HMR-Cache deaktivieren, indem Sie serverComponentsHmrCache in Ihrer next.config.js-Datei auf false setzen:

import type { NextConfig } from 'next'

const nextConfig: NextConfig = {
  experimental: {
    serverComponentsHmrCache: false, // Standardwert ist true
  },
}

export default nextConfig

Wissenswert: Für eine bessere Beobachtbarkeit empfehlen wir die Verwendung der Option logging.fetches, die Cache-Treffer und -Fehlschläge von Fetch-Aufrufen während der Entwicklung in der Konsole protokolliert.