Menu

serverComponentsHmrCache

Die experimentelle Option serverComponentsHmrCache ermöglicht es Ihnen, fetch-Antworten in Server-Komponenten während Hot Module Replacement (HMR)-Aktualisierungen in der lokalen Entwicklungsumgebung zu zwischenspeichern. Dies führt zu schnelleren Antworten und reduzierten Kosten für kostenpflichtige API-Aufrufe.

Standardmäßig gilt der HMR-Cache für alle fetch-Anfragen, einschließlich derjenigen mit der Option cache: 'no-store'. Das bedeutet, dass nicht zwischengespeicherte Anfragen zwischen HMR-Aktualisierungen keine aktualisierten Daten anzeigen werden. Der Cache wird jedoch bei Navigation oder vollständigem Seitenneuladen gelöscht.

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

next.config.ts
import type { NextConfig } from 'next'
 
const nextConfig: NextConfig = {
  experimental: {
    serverComponentsHmrCache: false, // standardmäßig true
  },
}
 
export default nextConfig
next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    serverComponentsHmrCache: false, // standardmäßig true
  },
}
 
module.exports = nextConfig

Hinweis: Zur besseren Beobachtbarkeit empfehlen wir die Verwendung der logging.fetches-Option, die fetch-Cache-Treffer und -Fehlschläge in der Konsole während der Entwicklung protokolliert.