Interviewfragen zu Next.js (Senior) mit Antworten
75 Fragen fürs Vorstellungsgespräch zu Next.js (Senior) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.
Diesen Test machen- 1.Was ist der RSC-Payload?
- 2.Was passiert im App Router bei Client-Navigation über
<Link>? - 3.Mit
cacheComponents: truezeigt das Dev-Overlay „blocking route“. Was bedeutet das? - 4.Wie unterscheidet sich
'use cache: remote'von'use cache'? - 5.Was muss man beim Selbsthosten von Next.js auf mehreren Kubernetes-Pods beachten?
- 6.Was bedeuten die Parameter
stale,revalidateundexpireincacheLife? - 7.Wie schützt Next.js Server Actions vor CSRF?
- 8.Warum sollte man Server Actions nicht zum Laden von Daten nutzen?
- 9.Eine Server Action ist in einer Komponente deklariert und nutzt eine Variable aus ihrer Closure. Was passiert damit?
- 10.Wofür ist die React Taint API (
experimental_taintObjectReference) in Next.js? - 11.Warum macht eine CSP mit Nonce Seiten dynamisch?
- 12.Warum bekommt
error.tsxin Produktion eine allgemeine Meldung für einen Fehler aus einer Server Component? - 13.Was änderte sich in Next.js 16 an den Standardwerten von
next/image? - 14.Welche Runtime nutzt
proxy.tsin Next.js 16? - 15.Welche Prefetching-Optimierungen kamen im Router von Next.js 16 hinzu?
- 16.Was macht
optimizePackageImports? - 17.Wann braucht man die Option
serverExternalPackages? - 18.Wofür ist der Draft Mode?
- 19.Wofür ist die Datei
instrumentation.tsmit einer Funktionregister()? - 20.Wie setzt man On-Demand-ISR über einen Webhook des CMS um?
- 21.Warum verlagert man Context-Provider im App Router in eine eigene Client Component?
- 22.Eine fremde Komponente nutzt Hooks, hat aber kein
'use client'. Wie verwendet man sie in einer Server-Seite? - 23.Wie bekommt man Konfiguration aus einer Umgebungsvariablen zur Laufzeit statt beim Build?
- 24.Was ist Version Skew, und wie hilft
deploymentIddagegen? - 25.Warum darf
generateStaticParamsmit Cache Components kein leeres Array liefern? - 26.Wie verhalten sich
GET-Route-Handler bei eingeschalteten Cache Components? - 27.Was bekommt der Nutzer, wenn eine Server Action
revalidatePathaufruft und einen Wert liefert? - 28.Wie verbindet man
forbidden()undunauthorized()mit einer UI? - 29.Wie verhalten sich Metadaten aus
generateMetadatabeim Streaming? - 30.Wann sollte man
reactCompilerin Next.js 16 einschalten? - 31.Wie hilft
unstable_rethrowbei der Fehlerbehandlung? - 32.Warum sollte ein Layout nicht der einzige Ort sein, an dem die Autorisierung geprüft wird?
- 33.Was sind Multi-Zones?
- 34.Warum werden Seitendaten manchmal doppelt gesendet - im HTML und im RSC-Payload?
- 35.Was lädt
<Link>mit Standardeinstellungen für eine dynamische Route vorab? - 36.Wie unterscheidet sich
refresh()ausnext/cachevonrevalidatePath? - 37.Wie beschleunigt Next.js 16 wiederholte Läufe von
next devundnext build? - 38.Wofür ist
typedRoutesnützlich? - 39.Wie unterscheidet sich die Edge-Runtime für Routen von Node.js?
- 40.Eine Komponente zeigt
new Date().toLocaleString()und verursacht einen Hydration-Mismatch. Was ist die richtigste Lösung? - 41.Was bringt
after()in einem Route Handler im Vergleich zuawait logEvent()vor der Antwort? - 42.Wie stellt man sicher, dass eine Funktion mit
'use cache'keine Daten verschiedener Nutzer zusammen cacht? - 43.Wie funktioniert im App Router das Modal-Muster, das die URL behält?
- 44.Was ist das richtige Ergebnis bei einem Fehler in
generateStaticParamswährend des Builds? - 45.Warum verringert das Lesen von
searchParamsauf oberster Ebene einer Seite den Nutzen von PPR? - 46.Welcher Befehl erzeugt die Typen
PagePropsundLayoutProps, ohne den Dev-Server zu starten? - 47.Wie unterscheidet sich
htmlLimitedBotsvon der normalen Behandlung von Bots? - 48.Was passiert, wenn ein Layout mit Cache Components und ohne
generateStaticParamsauf oberster Ebeneawait paramsaufruft? - 49.Wie funktioniert Caching mit
'use cache'auf einer Serverless-Plattform mit dem Standard-Handler? - 50.Warum bekommen Server Actions verschlüsselte, nicht deterministische IDs?
- 51.Was macht
await prefetch()in einer Komponente bei eingeschaltetem Partial Prefetching? - 52.Was garantiert
export const ensureStatic = 'shell'für eine Route? - 53.Was macht
export const instant = truein einem Segment? - 54.Warum liefert
useOffline()ausnext/offlinein einem Projekt immerfalse? - 55.Wie setzt man mit Cache Components einen Teilbaum bei Navigation über
<Link>zurück, stellt ihn aber beim Zurück im Browser wieder her? - 56.Wie kann eine Komponente mit
'use cache'childrenannehmen, wenn JSX sich nicht als Cache-Schlüssel serialisieren lässt? - 57.Warum landet eine Funktion mit
'use cache'undcacheLife('seconds')als dynamisches Loch statt in der vorgerenderten Seite? - 58.Wo bindet man beim Selbsthosten einen gemeinsamen Cache-Speicher (etwa Redis) für
'use cache'an? - 59.Wofür ist die Build Adapters API (
adapterPath)? - 60.Warum können
next devundnext buildin Next.js 16 gleichzeitig laufen? - 61.
publicRuntimeConfigwurde in Next.js 16 entfernt. Wie liefert man je Umgebung andere Konfiguration ohne neuen Build? - 62.Die Website nutzt
scroll-behavior: smooth, und nach dem Update auf Next.js 16 scrollt jede Navigation sanft nach oben. Wie bekommt man sofortige Sprünge zurück? - 63.Warum ist
images.domainszugunsten vonimages.remotePatternsveraltet? - 64.Warum blockiert Next.js 16 standardmäßig die Optimierung von Bildern lokaler IP-Adressen?
- 65.Warum sollte eine Server Component für Daten nicht den eigenen Route Handler (
/api/products) perfetchabfragen? - 66.Eine Server Action
deletePost(id)wird nur auf einer Admin-Seite genutzt. Warum muss sie die Autorisierung trotzdem selbst prüfen? - 67.Wie wendet man ein gespeichertes Theme oder ein lokales Datum vor dem ersten Zeichnen an, ohne Hydration-Fehler oder Flackern?
- 68.Wie funktioniert
generateStaticParamsbei verschachtelten dynamischen Segmenten wie/[category]/[product]? - 69.
notFound()wird in einer Komponente aufgerufen, die in einer<Suspense>-Grenze gestreamt wird. Was bekommt der Crawler? - 70.Warum sollte
proxy.tsnur optimistische Auth-Prüfungen machen? - 71.Ein CDN vor einem selbst gehosteten Next.js liefert nach
revalidateTag()weiter eine alte Seite. Warum? - 72.Ein Katalog hat 1 Mio. Produkte. Wie baut man schnell und liefert trotzdem alle statisch aus (ohne Cache Components)?
- 73.Wo liegt in Next.js 16 die Konfiguration von Turbopack?
- 74.Was änderte sich in Next.js 16 an den Props der Funktionen
opengraph-image,iconundapple-icon? - 75.Wann ist mit Cache Components
connection()noch die richtige Wahl stattio()?