Next.js · Senior · Frage 21 von 75
Warum verlagert man Context-Provider im App Router in eine eigene Client Component?
- 1Provider bremsen das Server-Rendering, deshalb sind sie auf dem Server aus
- 2Next.js verbietet Context in allen Layout-Dateien
- 3Context ist eine Client-Funktion; das Layout rendert einen Wrapper
<Providers>
Antwort zeigen
Richtige Antwort: Context ist eine Client-Funktion; das Layout rendert einen Wrapper <Providers>
Erklärung
createContext und Provider sind Client-Funktionen. Man legt providers.tsx mit 'use client' an und rendert es im Root-Layout um children. So bleiben children Server Components. Provider setzt man so tief wie möglich, damit mehr vom Baum statisch bleibt.