← Wszystkie tematy

Pytania rekrutacyjne Next.js (Middle) z odpowiedziami

75 pytań na rozmowę rekrutacyjną z tematu Next.js (Middle) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.

Rozwiąż ten test
  1. 1.Czym jest Server Function (Server Action) w Next.js?
  2. 2.Co daje <form action={createPost}> z Server Action w porównaniu z onSubmit + fetch?
  3. 3.Co robi revalidatePath('/blog') po mutacji?
  4. 4.Czym updateTag różni się od revalidateTag w Next.js 16?
  5. 5.Czy żądania fetch w komponentach serwerowych są domyślnie cache'owane (Next.js 15+, bez Cache Components)?
  6. 6.Co robi dyrektywa 'use cache'?
  7. 7.Dlaczego nie można wywołać cookies() wewnątrz funkcji z 'use cache'?
  8. 8.Który profil cacheLife jest stosowany, jeśli nie podasz go w 'use cache'?
  9. 9.Po co cacheTag('products') wewnątrz zcache'owanej funkcji?
  10. 10.Co robi loading.tsx przy nawigacji po stronie klienta do segmentu z wolnymi danymi?
  11. 11.Co robi generateStaticParams?
  12. 12.Jak w Next.js pokazać stronę z wolnymi danymi bez opóźniania całej strony?
  13. 13.Jak uniknąć kaskady żądań, jeśli komponent potrzebuje niezależnych getUser() i getPosts()?
  14. 14.Jak uniknąć podwójnego zapytania do bazy, jeśli generateMetadata i strona wywołują getUser(id)?
  15. 15.Jak zagwarantować, że moduł z sekretami nigdy nie trafi do paczki klienckiej?
  16. 16.Czy można użyć next/dynamic z ssr: false w komponencie serwerowym?
  17. 17.Po co opakowywać komponent z useSearchParams() w <Suspense>?
  18. 18.Czym są trasy równoległe (@slot)?
  19. 19.Do czego służą trasy przechwytujące (.)photo/[id]?
  20. 20.Jak odczytać ciasteczko w komponencie serwerowym Next.js 16?
  21. 21.Co robi proxy.ts (dawniej middleware)?
  22. 22.Co wywołać w komponencie klienckim, by ponownie pobrać komponenty serwerowe bieżącej trasy?
  23. 23.Czym global-error.tsx różni się od error.tsx?
  24. 24.Co robi export const dynamic = 'force-dynamic' (bez Cache Components)?
  25. 25.Jakie propsy można przekazać ze strony serwerowej do komponentu klienckiego?
  26. 26.Jak w App Router pobrać dane dla generateMetadata i strony, nie odpytując API dwa razy przez fetch?
  27. 27.Jak poprawnie zrobić optymistyczny UI dla Server Action na kliencie?
  28. 28.Co się stanie z redirect() wewnątrz try/catch w Server Action?
  29. 29.Czym <Form> z next/form różni się od zwykłego <form> w formularzu wyszukiwania?
  30. 30.Co robi generateMetadata w porównaniu ze statycznym eksportem metadata?
  31. 31.Jak obsłużyć wiele języków w App Router?
  32. 32.Jak zwrócić JSON ze statusem 201 z Route Handlera?
  33. 33.Czym jest Partial Prerendering (PPR) w Next.js 16?
  34. 34.Jak w App Router wcześniej załadować dane dla komponentów klienckich z TanStack Query?
  35. 35.Co się stanie przy imporcie komponentu serwerowego do pliku z 'use client'?
  36. 36.Jak wykonać kod (np. analitykę) po wysłaniu odpowiedzi, nie opóźniając użytkownika?
  37. 37.Jak w Next.js wysłać klientowi tylko część danych z bazy, by nie wyciekło nic zbędnego (np. hash hasła)?
  38. 38.Czym revalidatePath('/blog/[slug]', 'page') różni się od revalidatePath('/blog/my-post')?
  39. 39.Gdzie przechowywać tajny klucz API używany w komponencie serwerowym?
  40. 40.Co robi connection() z next/server?
  41. 41.Dlaczego useFormStatus jest wygodny w formularzach z Server Actions?
  42. 42.Który plik ustawia fallback slotu trasy równoległej przy pełnym przeładowaniu strony?
  43. 43.Czym trasa statyczna różni się od dynamicznej pod względem renderowania?
  44. 44.Gdzie w App Router poprawnie sprawdzać autoryzację?
  45. 45.Jak ograniczyć ścieżki, na których działa proxy.ts?
  46. 46.Do czego przydaje się opengraph-image.tsx?
  47. 47.Gdzie wykonuje się kod komponentu klienckiego przy pierwszym ładowaniu strony?
  48. 48.Jak aktualizują się dane strony po akcji, jeśli użyto revalidateTag(tag, 'max')?
  49. 49.Czym steruje staleTimes w next.config?
  50. 50.Jak zwrócić błędy walidacji do formularza z Server Action?
  51. 51.Jak layout może podświetlić aktywną zakładkę wśród segmentów potomnych?
  52. 52.Co się stanie w Next.js 16, jeśli slot trasy równoległej @modal nie ma default.tsx?
  53. 53.Czym rewrite różni się od redirect w next.config.ts?
  54. 54.Gdzie dodać nagłówki bezpieczeństwa, np. X-Frame-Options, do wszystkich odpowiedzi bez zmieniania stron?
  55. 55.Formularz wysyła plik 5 MB przez Server Action i kończy się błędem. Jaka jest prawdopodobna przyczyna?
  56. 56.Co robi redirect() w Server Action dla formularza wysłanego przed załadowaniem JavaScriptu?
  57. 57.Dlaczego nie można wywołać (await cookies()).set(...) podczas renderowania komponentu serwerowego?
  58. 58.Do czego przydaje się output: 'standalone'?
  59. 59.Jak wygenerować w kodzie dynamiczny obraz Open Graph (np. z tytułem posta)?
  60. 60.Jak podzielić sitemap z 200 000 URL produktów?
  61. 61.Do czego służy instrumentation-client.ts?
  62. 62.Na co pozwala 'use cache: private'?
  63. 63.Jak przy Cache Components nie dopuścić new Date() do statycznej powłoki?
  64. 64.Jak głęboko zagnieżdżony komponent serwerowy odczyta segment [lang] głównego layoutu bez przekazywania propsów?
  65. 65.Do czego służy catchError z next/error?
  66. 66.Pakiet monorepo @acme/ui jest dostarczany jako nieprzetranspilowany TypeScript. Jak użyć go w Next.js?
  67. 67.Jak zwracać odpowiedź z Route Handlera stopniowo (np. tokeny AI)?
  68. 68.Co robi export const maxDuration = 60 w stronie lub Route Handlerze?
  69. 69.Dlaczego przy cacheComponents: true nie działa export const revalidate = 60 w stronie?
  70. 70.Jak zaleca się testować async komponent serwerowy?
  71. 71.Jak wywołać Server Action z onClick przycisku (nie z formularza) i pokazać stan oczekiwania?
  72. 72.Dlaczego przy Cache Components formularz zachowuje wpisany tekst po opuszczeniu strony i naciśnięciu „Wstecz”?
  73. 73.Kiedy ma sens prefetch={false} w <Link>?
  74. 74.Co się dzieje przy przejściu między trasami z różnymi głównymi layoutami (przez grupy tras)?
  75. 75.Server Action działa lokalnie, ale zawodzi za reverse proxy z innym hostem. Która opcja pomoże?