Next.js Data Fetching
Server-side rendering (SSR), statische generatie (SSG), incrementele statische regeneratie (ISR), streaming
1Wat is het standaardgedrag van Server Components in Next.js App Router voor data fetching?
Wat is het standaardgedrag van Server Components in Next.js App Router voor data fetching?
Antwoord
Server Components voeren standaard data fetching uit op de server bij elk verzoek, waardoor altijd verse data wordt gegarandeerd. In tegenstelling tot Pages Router waar getServerSideProps nodig was, maken Server Components SSR impliciet. Voor statische caching moet de optie cache: 'force-cache' aan fetch worden toegevoegd.
2Welke fetch cache optie is equivalent aan getStaticProps in Pages Router?
Welke fetch cache optie is equivalent aan getStaticProps in Pages Router?
Antwoord
De optie cache: 'force-cache' vertelt Next.js de respons te cachen tot handmatige invalidatie, equivalent aan getStaticProps. Deze strategie genereert statische content die voor onbepaalde tijd gecached blijft. De optie 'no-store' is gelijk aan getServerSideProps (re-fetch bij elk verzoek), terwijl next.revalidate gelijk is aan getStaticProps met revalidate (ISR).
3Hoe dynamisch data fetching bij elk verzoek forceren (getServerSideProps equivalent)?
Hoe dynamisch data fetching bij elk verzoek forceren (getServerSideProps equivalent)?
Antwoord
De optie cache: 'no-store' schakelt caching volledig uit en dwingt re-fetching bij elk verzoek, equivalent aan getServerSideProps. Deze strategie garandeert altijd verse data maar verhoogt de latentie. Gebruik voor real-time data (dashboards, notificaties, live prijzen) waar versheid kritisch is.
Hoe ISR (Incremental Static Regeneration) implementeren met uurlijkse revalidatie?
Wat doet de export 'export const revalidate = 60' op paginaniveau?
+21 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
Next.js Fundamentals
TypeScript met React
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