</>
{ }
Next.js · Caching · Performance · App Router
Next.js Caching:
Die 4 Cache-Layer erklärt und entmystifiziert
Die 4 Cache-Layer erklärt und entmystifiziert
Next.js cacht auf vier Ebenen gleichzeitig – und viele Entwickler wissen nicht, welcher Cache warum anschlägt. Request Memoization, Data Cache, Full Route Cache und Router Cache interagieren miteinander und führen zu verwirrenden Ergebnissen, wenn man ihre Regeln nicht kennt.
16 Min. Lesezeit
Request Memoization · Data Cache · Full Route Cache · Router Cache
Next.js 14+ · App Router
Inhaltsverzeichnis
- 1. Warum Next.js Caching so komplex erscheint
- 2. Request Memoization: Deduplizierung innerhalb eines Renders
- 3. Data Cache: persistenter Server-seitiger Cache
- 4. Full Route Cache: statische HTML-Ausgabe auf dem Server
- 5. Router Cache: Client-seitiger Prefetch-Speicher
- 6. Revalidierung: zeit- und ereignisbasiert
- 7. Caching gezielt deaktivieren
- 8. Caching-Verhalten debuggen
- 9. Die 4 Cache-Layer im Vergleich
- 10. Zusammenfassung
- 11. FAQ