Next.js Grundlagen
App Router, Server Components, Client Components, dateibasiertes Routing, Layouts, Seiten
1Was ist der App Router in Next.js?
Was ist der App Router in Next.js?
Antwort
Der App Router ist das neue Routing-System in Next.js 13+ basierend auf dem app/-Verzeichnis. Er ersetzt den Pages Router und führt standardmäßig Server Components, gemeinsame Layouts und ein flexibleres Routing-Modell mit Dateikonventionen wie page.tsx, layout.tsx und loading.tsx ein.
2Wie erstellt man eine /about-Route im App Router?
Wie erstellt man eine /about-Route im App Router?
Antwort
Im App Router stellt jeder Ordner ein Routensegment dar. Um /about zu erstellen, erstelle app/about/page.tsx. Die page.tsx-Datei ist erforderlich, um eine Route öffentlich zugänglich zu machen. Ohne diese Datei ist der Ordner nur ein Pfadsegment ohne angezeigte Seite.
3Was ist das Standardverhalten von Komponenten im App Router?
Was ist das Standardverhalten von Komponenten im App Router?
Antwort
Im App Router sind alle Komponenten standardmäßig Server Components. Sie werden nur auf dem Server ausgeführt und senden kein JavaScript an den Client, was die Performance verbessert. Um Client-Funktionen (Hooks, Events) zu verwenden, muss die 'use client'-Direktive oben in der Datei hinzugefügt werden.
Wie erstellt man eine dynamische Route /posts/[id] im App Router?
Wofür dient die layout.tsx-Datei im App Router?
+22 Interview-Fragen
Weitere React / Next.js-Interviewthemen
JavaScript-Grundlagen
React-Grundlagen
React Hooks
Komponentenlebenszyklus
React Router
Zustandsverwaltung mit Context
Formulare & Controlled Components
Datenabruf & API
React Query (TanStack Query)
Styling & CSS-in-JS
TypeScript mit React
Next.js Data Fetching
Next.js Server Actions
Routing & Navigation in Next.js
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware & Auth
React Testing
Zustand State Management
React Performance-Optimierung
Error Boundaries & Error Handling
Advanced React Patterns
Erweiterte Next.js-Funktionen
Next.js Deployment & Produktion
Architecture & Design Patterns
React Server Components
Next.js Internationalisierung
React Sicherheit & Best Practices
Meistere React / Next.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten