Senior Next.js — Next.js-Interviewfragen

Wie entscheidest du zwischen statischem, dynamischem und revalidiertem Rendering?

Danach, wie frisch der Inhalt sein muss und wie viele unterschiedliche Versionen existieren. Marketing-Seiten und Artikel sind statisch mit Revalidierung, weil eine Minute Veraltung nichts kostet. Alles Personalisierte ist dynamisch, denn ein Cache pro User ist kein Cache. Die Falle ist, eine Seite versehentlich dynamisch zu machen — das Lesen von Cookies oder Headers irgendwo im Baum nimmt die gesamte Route aus dem statischen Rendering heraus.

Wie hältst du das Client-Bundle in einer App-Router-App klein?

Schiebe 'use client' so weit wie möglich nach unten und halte das Daten-Fetching auf dem Server, denn eine Komponente, die nie im Browser landet, kostet nichts. Danach das Übliche: dynamische Imports für schwere Widgets und ein Blick darauf, was eine Abhängigkeit mitzieht — eine Client Component, die eine Date-Library importiert, ist der Weg, wie eine Seite hundert Kilobyte gewinnt. Der Bundle-Analyzer in der CI hält das Ganze ehrlich.

Was bricht, wenn du Next außerhalb von Vercel deployst?

Die Bildoptimierung braucht einen selbst konfigurierten Loader, ISR braucht gemeinsamen Storage, damit alle Instanzen konsistent revalidieren, und Middleware läuft auf Node statt in einer Edge-Runtime. Nichts davon ist ein Blocker, aber jedes ist eine Entscheidung, die Vercel stillschweigend trifft und Self-Hosting explizit macht. Das erst nach der Migration herauszufinden ist die teure Reihenfolge.

Wie handhabst du Authentifizierung über Server und Client hinweg?

Lies die Session auf dem Server — in einem Layout, einer Server Component oder Middleware —, damit geschützter Inhalt gar nicht erst an einen Browser geht, der ihn nicht bekommen soll. Ein clientseitiger Redirect nach dem Rendern zeigt die Seite vorher schon kurz an. Middleware übernimmt die grobe Sperre, die feingranulare Prüfung gehört direkt neben die Daten, denn eine Route Guard allein schützt die Seite, nicht den Endpoint.

Wann würdest du Next nicht einsetzen?

Wenn die App hinter einem Login liegt und keine Anforderungen an SEO oder First Paint hat — eine einfache SPA ist einfacher zu bauen und zu hosten, und ein Großteil des Werts von Next ist serverseitiges Rendering, das du gar nicht nutzen würdest. Auch wenn das Team keinen Node-Server betreiben kann und ein statischer Host die Vorgabe ist. Next standardmäßig zu wählen ist der Weg, wie ein Dashboard ein Rendering-Modell bekommt, das es nie gebraucht hat.