Pobieranie danych w Next.js
Renderowanie po stronie serwera (SSR), generowanie statyczne (SSG), przyrostowa regeneracja statyczna (ISR), streaming
1Jakie jest domyślne zachowanie Server Components w Next.js App Router dotyczące pobierania danych?
Jakie jest domyślne zachowanie Server Components w Next.js App Router dotyczące pobierania danych?
Odpowiedź
Server Components domyślnie pobierają dane po stronie serwera przy każdym żądaniu, zapewniając zawsze świeże dane. W przeciwieństwie do Pages Router, gdzie wymagany był getServerSideProps, Server Components czynią SSR niejawnym. Do statycznego cachowania należy dodać opcję cache: 'force-cache' do fetch.
2Która opcja cache fetch jest równoważna getStaticProps w Pages Router?
Która opcja cache fetch jest równoważna getStaticProps w Pages Router?
Odpowiedź
Opcja cache: 'force-cache' mówi Next.js, aby buforował odpowiedź do momentu ręcznego unieważnienia, co odpowiada getStaticProps. Ta strategia generuje statyczną zawartość, która pozostaje w pamięci podręcznej bezterminowo. Opcja 'no-store' odpowiada getServerSideProps (ponowne pobieranie przy każdym żądaniu), podczas gdy next.revalidate odpowiada getStaticProps z revalidate (ISR).
3Jak wymusić dynamiczne pobieranie danych przy każdym żądaniu (odpowiednik getServerSideProps)?
Jak wymusić dynamiczne pobieranie danych przy każdym żądaniu (odpowiednik getServerSideProps)?
Odpowiedź
Opcja cache: 'no-store' całkowicie wyłącza cache i wymusza ponowne pobieranie przy każdym żądaniu, odpowiadając getServerSideProps. Ta strategia gwarantuje zawsze świeże dane, ale zwiększa opóźnienie. Używaj dla danych w czasie rzeczywistym (dashboardy, powiadomienia, ceny na żywo), gdzie aktualność jest kluczowa.
Jak zaimplementować ISR (Incremental Static Regeneration) z godzinną rewalidacją?
Co robi export 'export const revalidate = 60' na poziomie strony?
+21 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Styling & CSS-in-JS
Podstawy Next.js
TypeScript z React
Server Actions w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
Opanuj React / Next.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo