
Next.js Fundamentals
App Router, Server Components, Client Components, bestandsgebaseerde routing, layouts, pagina's
1Wat is de App Router in Next.js?
Wat is de App Router in Next.js?
Antwoord
De App Router is het nieuwe routingsysteem in Next.js 13+ gebaseerd op de app/-directory. Het vervangt de Pages Router en introduceert standaard Server Components, gedeelde layouts en een flexibeler routingmodel met bestandsconventies zoals page.tsx, layout.tsx en loading.tsx.
2Hoe maak je een /about-route aan in de App Router?
Hoe maak je een /about-route aan in de App Router?
Antwoord
In de App Router vertegenwoordigt elke map een routesegment. Om /about te maken, maak app/about/page.tsx aan. Het bestand page.tsx is vereist om een route openbaar toegankelijk te maken. Zonder dit bestand is de map slechts een padsegment zonder weergegeven pagina.
3Wat is het standaardgedrag van componenten in de App Router?
Wat is het standaardgedrag van componenten in de App Router?
Antwoord
In de App Router zijn alle componenten standaard Server Components. Ze worden alleen op de server uitgevoerd en sturen geen JavaScript naar de client, wat de prestaties verbetert. Om clientfuncties (hooks, events) te gebruiken, moet de 'use client'-richtlijn bovenaan het bestand worden toegevoegd.
Hoe maak je een dynamische route /posts/[id] aan in de App Router?
Waarvoor dient het bestand layout.tsx in de App Router?
+22 gespreksvragen
Andere React / Next.js-sollicitatieonderwerpen
JavaScript-basisbegrippen
React-basisbegrippen
React Hooks
Componentlevenscyclus
React Router
Statusbeheer met Context
Formulieren & Controlled Components
Gegevens ophalen & API
React Query (TanStack Query)
Styling & CSS-in-JS
TypeScript met React
Next.js Data Fetching
Next.js Server Actions
Routing & Navigatie in Next.js
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware & Auth
React Testen
Zustand State Management
React Performance-optimalisatie
Error Boundaries & Error Handling
Advanced React Patterns
Geavanceerde Next.js-functies
Next.js Deployment & Productie
Architecture & Design Patterns
React Server Components
Next.js Internationalisering
React Beveiliging & Best Practices
Beheers React / Next.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis