Interviewfragen zu Next.js (Middle) mit Antworten

75 Fragen fürs Vorstellungsgespräch zu Next.js (Middle) mit richtigen Antworten, Erklärungen und Links zur Dokumentation.

Diesen Test machen
  1. 1.Was ist eine Server Function (Server Action) in Next.js?
  2. 2.Was bringt <form action={createPost}> mit einer Server Action im Vergleich zu onSubmit + fetch?
  3. 3.Was macht revalidatePath('/blog') nach einer Mutation?
  4. 4.Wie unterscheidet sich updateTag von revalidateTag in Next.js 16?
  5. 5.Werden fetch-Requests in Server Components standardmäßig gecacht (Next.js 15+, ohne Cache Components)?
  6. 6.Was macht die Direktive 'use cache'?
  7. 7.Warum kann man in einer Funktion mit 'use cache' nicht cookies() aufrufen?
  8. 8.Welches cacheLife-Profil gilt, wenn man in 'use cache' keines angibt?
  9. 9.Wofür ist cacheTag('products') in einer gecachten Funktion?
  10. 10.Was macht loading.tsx bei Client-Navigation zu einem Segment mit langsamen Daten?
  11. 11.Was macht generateStaticParams?
  12. 12.Wie zeigt man in Next.js eine Seite mit langsamen Daten, ohne die ganze Seite zu verzögern?
  13. 13.Wie vermeidet man eine Request-Kaskade, wenn eine Komponente unabhängige getUser() und getPosts() braucht?
  14. 14.Wie vermeidet man eine doppelte DB-Abfrage, wenn generateMetadata und die Seite beide getUser(id) aufrufen?
  15. 15.Wie garantiert man, dass ein Modul mit Geheimnissen nie im Client-Bundle landet?
  16. 16.Kann man next/dynamic mit ssr: false in einer Server Component verwenden?
  17. 17.Warum packt man eine Komponente mit useSearchParams() in <Suspense>?
  18. 18.Was sind parallele Routen (@slot)?
  19. 19.Wofür sind abfangende Routen (.)photo/[id]?
  20. 20.Wie liest man in einer Server Component unter Next.js 16 ein Cookie?
  21. 21.Was macht proxy.ts (früher Middleware)?
  22. 22.Was ruft man in einer Client Component auf, um die Server Components der aktuellen Route neu zu laden?
  23. 23.Wie unterscheidet sich global-error.tsx von error.tsx?
  24. 24.Was macht export const dynamic = 'force-dynamic' (ohne Cache Components)?
  25. 25.Welche Props kann man von einer Server-Seite an eine Client Component übergeben?
  26. 26.Wie bekommt man im App Router Daten für generateMetadata und die Seite, ohne die API doppelt per fetch abzufragen?
  27. 27.Wie macht man auf dem Client richtig eine optimistische UI für eine Server Action?
  28. 28.Was passiert mit redirect() innerhalb von try/catch in einer Server Action?
  29. 29.Wie unterscheidet sich <Form> aus next/form bei einem Suchformular von einem einfachen <form>?
  30. 30.Was macht generateMetadata im Vergleich zu einem statischen Export metadata?
  31. 31.Wie unterstützt man im App Router mehrere Sprachen?
  32. 32.Wie liefert man aus einem Route Handler JSON mit Status 201?
  33. 33.Was ist Partial Prerendering (PPR) in Next.js 16?
  34. 34.Wie lädt man im App Router Daten für Client Components mit TanStack Query vorab?
  35. 35.Was passiert, wenn man eine Server Component in eine Datei mit 'use client' importiert?
  36. 36.Wie führt man Code (etwa Analytics) nach dem Senden der Antwort aus, ohne den Nutzer aufzuhalten?
  37. 37.Wie sendet man in Next.js nur einen Teil der DB-Daten an den Client, damit nichts Überflüssiges (etwa ein Passwort-Hash) durchsickert?
  38. 38.Wie unterscheidet sich revalidatePath('/blog/[slug]', 'page') von revalidatePath('/blog/my-post')?
  39. 39.Wo speichert man einen geheimen API-Schlüssel, den eine Server Component nutzt?
  40. 40.Was macht connection() aus next/server?
  41. 41.Warum ist useFormStatus in Formularen mit Server Actions praktisch?
  42. 42.Welche Datei legt das Fallback für einen Slot einer parallelen Route bei vollständigem Neuladen fest?
  43. 43.Wie unterscheidet sich eine statische Route beim Rendern von einer dynamischen?
  44. 44.Wo prüft man im App Router die Autorisierung richtig?
  45. 45.Wie begrenzt man, auf welchen Pfaden proxy.ts läuft?
  46. 46.Wofür ist opengraph-image.tsx nützlich?
  47. 47.Wo läuft der Code einer Client Component beim ersten Laden der Seite?
  48. 48.Wie werden Seitendaten nach einer Action aktualisiert, wenn revalidateTag(tag, 'max') genutzt wird?
  49. 49.Was steuert staleTimes in next.config?
  50. 50.Wie gibt man aus einer Server Action Validierungsfehler an ein Formular zurück?
  51. 51.Wie hebt ein Layout den aktiven Tab unter seinen Kindsegmenten hervor?
  52. 52.Was passiert in Next.js 16, wenn ein Slot @modal einer parallelen Route kein default.tsx hat?
  53. 53.Wie unterscheidet sich ein Rewrite in next.config.ts von einem Redirect?
  54. 54.Wo kann man allen Antworten Sicherheits-Header wie X-Frame-Options hinzufügen, ohne Seiten anzufassen?
  55. 55.Ein Formular lädt über eine Server Action eine 5-MB-Datei hoch und scheitert. Was ist die wahrscheinliche Ursache?
  56. 56.Was macht redirect() in einer Server Action bei einem Formular, das vor dem Laden von JavaScript abgeschickt wurde?
  57. 57.Warum kann man (await cookies()).set(...) nicht beim Rendern einer Server Component aufrufen?
  58. 58.Wofür ist output: 'standalone' nützlich?
  59. 59.Wie erzeugt man im Code ein dynamisches Open-Graph-Bild (etwa mit dem Titel des Beitrags)?
  60. 60.Wie teilt man eine Sitemap mit 200.000 Produkt-URLs auf?
  61. 61.Wofür ist instrumentation-client.ts?
  62. 62.Was erlaubt 'use cache: private'?
  63. 63.Wie hält man mit Cache Components new Date() aus der statischen Hülle heraus?
  64. 64.Wie liest eine tief verschachtelte Server Component das Segment [lang] des Root-Layouts ohne Prop Drilling?
  65. 65.Wofür ist catchError aus next/error?
  66. 66.Ein Monorepo-Paket @acme/ui liefert nicht transpiliertes TypeScript. Wie nutzt man es in einer Next.js-App?
  67. 67.Wie streamt man aus einem Route Handler schrittweise eine Antwort (etwa KI-Tokens)?
  68. 68.Was macht export const maxDuration = 60 in einer Seite oder einem Route Handler?
  69. 69.Warum scheitert mit cacheComponents: true ein export const revalidate = 60 in einer Seite?
  70. 70.Wie testet man eine async Server Component empfohlenerweise?
  71. 71.Wie ruft man eine Server Action aus dem onClick eines Buttons auf (nicht aus einem Formular) und zeigt den Ladezustand?
  72. 72.Warum behält ein Formular mit Cache Components den eingetippten Text, wenn man wegnavigiert und Zurück drückt?
  73. 73.Wann ist prefetch={false} an <Link> sinnvoll?
  74. 74.Was passiert bei der Navigation zwischen zwei Routen mit verschiedenen Root-Layouts (über Routengruppen)?
  75. 75.Eine Server Action funktioniert lokal, scheitert aber hinter einem Reverse Proxy mit anderem Host. Welche Option hilft?