Interviewfragen zu Next.js (Junior) mit Antworten

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

Diesen Test machen
  1. 1.Was ist Colocation im App Router?
  2. 2.Was ist Next.js?
  3. 3.Wie legt man im App Router eine Seite unter /about an?
  4. 4.Wie unterscheidet sich layout.tsx von page.tsx?
  5. 5.Was muss das Root-Layout app/layout.tsx enthalten?
  6. 6.Wie legt man eine dynamische Route /blog/:slug an?
  7. 7.Wie liest man params in einer Seite unter Next.js 16 richtig?
  8. 8.Warum ist <Link> aus next/link für interne Navigation besser als ein einfaches <a href>?
  9. 9.Welche Art von Komponenten sind Dateien im Ordner app/ standardmäßig?
  10. 10.Eine Komponente nutzt useState und onClick, stürzt aber mit einem Fehler ab. Was fehlt?
  11. 11.Wofür ist die Datei loading.tsx?
  12. 12.Warum muss error.tsx eine Client Component sein?
  13. 13.Wie zeigt man in einer Server-Seite eine 404-Seite für ein nicht existierendes Produkt?
  14. 14.Wie setzt man im App Router Titel und Beschreibung einer Seite?
  15. 15.Unter welcher URL wird die Datei public/logo.png ausgeliefert?
  16. 16.Wie legt man im App Router einen API-Endpoint GET /api/users an?
  17. 17.Welche Umgebungsvariablen stehen im Browser-Code zur Verfügung?
  18. 18.Was bringt die Komponente <Image> aus next/image?
  19. 19.Warum erzeugt <Image src="https://cdn.example.com/a.jpg" ... /> einen Konfigurationsfehler?
  20. 20.Was macht next/font?
  21. 21.Woraus importiert man im App Router useRouter?
  22. 22.Wie bekommt man in einer Client Component den aktuellen Pfad, etwa um den aktiven Link hervorzuheben?
  23. 23.Wie unterscheidet sich SSR von SSG?
  24. 24.Was ist ISR (Incremental Static Regeneration)?
  25. 25.Wann läuft getServerSideProps im Pages Router?
  26. 26.Was macht getStaticPaths im Pages Router?
  27. 27.Was macht ein Ordner in Klammern, etwa app/(marketing)/about/page.tsx?
  28. 28.Warum gibt man einem Ordner einen Namen mit Unterstrich, etwa app/_components?
  29. 29.Welche Route fängt /docs/a/b/c?
  30. 30.Was machen die Befehle next build und next start?
  31. 31.Welchen Bundler nutzt Next.js 16 standardmäßig für next dev und next build?
  32. 32.Wie heißt in Next.js 16 die Datei, die früher middleware.ts hieß?
  33. 33.Wie leitet man den Nutzer aus einer Server Component nach /login weiter?
  34. 34.Wie bekommt man in einer Server-Seite den Query-Parameter ?page=2?
  35. 35.Wie lädt man Daten in einer Server Component?
  36. 36.Wo importiert man im App Router globales CSS?
  37. 37.Wo erscheint ein console.log aus einer Server Component?
  38. 38.Was übergibt man <Image> für ein Bild, das sich über den ganzen Elternblock streckt?
  39. 39.Wie lädt man in Next.js eine schwere Client Component lazy?
  40. 40.Warum lädt man Skripte von Drittanbietern über next/script?
  41. 41.Wie baut man eine Next.js-App zu statischen Dateien ohne Node.js-Server?
  42. 42.Was passiert, wenn app/dashboard/ sowohl page.tsx als auch route.ts enthält?
  43. 43.Wie unterscheidet sich template.tsx von layout.tsx?
  44. 44.Kann man die Hooks useState und useEffect in einer Server Component verwenden?
  45. 45.Wann lädt <Link> eine Route vorab?
  46. 46.Überlebt der Zustand einer Seitenleiste in einem gemeinsamen Layout die Navigation zwischen Seiten?
  47. 47.Wie typisiert man in Next.js 16 die Props von app/blog/[slug]/page.tsx?
  48. 48.Welche Node.js-Version verlangt Next.js 16 mindestens?
  49. 49.Kann man CSS Modules in Next.js ohne zusätzliche Konfiguration nutzen?
  50. 50.Welchen Titel bekommt die Seite mit export const metadata = { title: 'Profile' } in der Page und title: { template: '%s | Shop', default: 'Shop' } im Layout?
  51. 51.Wie liest eine Client Component das Segment [slug] der aktuellen URL?
  52. 52.Wie erzeugt man im App Router sitemap.xml?
  53. 53.Welche Datei steuert die Antwort auf /robots.txt?
  54. 54.Wie setzt man im App Router das Favicon der Website?
  55. 55.Wie unterscheidet sich permanentRedirect() von redirect()?
  56. 56.Wie leitet man die alten URLs /blog/:slug bei jedem Request auf /news/:slug um, ohne Code in den Seiten?
  57. 57.Was geschah in Next.js 16 mit dem Befehl next lint?
  58. 58.Darf der Ordner app/ in src/ liegen?
  59. 59.Wann nutzt man router.push() statt <Link>?
  60. 60.Was macht die Prop replace an <Link>?
  61. 61.Was macht scroll={false} an <Link>?
  62. 62.Wofür ist der Hook useLinkStatus?
  63. 63.Wie verarbeitet man POST /api/posts in einem Route Handler?
  64. 64.Ist die Prop alt bei next/image Pflicht?
  65. 65.Welche .env-Datei ist für lokale Geheimnisse gedacht und sollte nicht committet werden?
  66. 66.Warum erzeugt export const metadata in einer Seite mit 'use client' einen Fehler?
  67. 67.Welche Seiten umhüllt app/dashboard/layout.tsx?
  68. 68.Wo setzt man in Next.js 16 themeColor?
  69. 69.Wie fügt man für eine PWA ein Web App Manifest hinzu?
  70. 70.Braucht jede Datei einer Client Component oben 'use client'?
  71. 71.Wie fügt man einer Seite strukturierte Daten als JSON-LD hinzu?
  72. 72.Wie liest eine Server Component einen Request-Header wie user-agent?
  73. 73.Was macht export const dynamicParams = false in einer Seite mit generateStaticParams (ohne Cache Components)?
  74. 74.Wie liefert man die ganze App unter /docs aus (etwa acme.com/docs)?
  75. 75.Welche Strategie von next/script lädt ein Skript in Leerlaufzeiten des Browsers, etwa ein Chat-Widget?