← Wszystkie tematy

Pytania rekrutacyjne Next.js (Junior) z odpowiedziami

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

Rozwiąż ten test
  1. 1.Czym jest kolokacja (colocation) w App Router?
  2. 2.Czym jest Next.js?
  3. 3.Jak utworzyć stronę pod adresem /about w App Router?
  4. 4.Czym layout.tsx różni się od page.tsx?
  5. 5.Co musi zawierać główny app/layout.tsx?
  6. 6.Jak utworzyć dynamiczną trasę /blog/:slug?
  7. 7.Jak poprawnie odczytać params na stronie w Next.js 16?
  8. 8.Dlaczego <Link> z next/link jest lepszy niż zwykły <a href> do nawigacji wewnętrznej?
  9. 9.Jakimi komponentami są domyślnie pliki w folderze app/?
  10. 10.Komponent używa useState i onClick, ale wysypuje się z błędem. Czego brakuje?
  11. 11.Do czego służy plik loading.tsx?
  12. 12.Dlaczego error.tsx musi być komponentem klienckim?
  13. 13.Jak na stronie serwerowej pokazać stronę 404 dla nieistniejącego produktu?
  14. 14.Jak w App Router ustawić tytuł i opis strony?
  15. 15.Pod jakim adresem URL jest dostępny plik public/logo.png?
  16. 16.Jak w App Router utworzyć endpoint API GET /api/users?
  17. 17.Które zmienne środowiskowe są dostępne w kodzie przeglądarki?
  18. 18.Co daje komponent <Image> z next/image?
  19. 19.Dlaczego <Image src="https://cdn.example.com/a.jpg" ... /> daje błąd konfiguracji?
  20. 20.Co robi next/font?
  21. 21.Skąd importuje się useRouter w App Router?
  22. 22.Jak w komponencie klienckim pobrać bieżącą ścieżkę, np. by podświetlić aktywny link?
  23. 23.Czym SSR różni się od SSG?
  24. 24.Czym jest ISR (Incremental Static Regeneration)?
  25. 25.Kiedy w Pages Router wykonuje się getServerSideProps?
  26. 26.Co robi getStaticPaths w Pages Router?
  27. 27.Co daje folder w nawiasach, np. app/(marketing)/about/page.tsx?
  28. 28.Po co nadawać folderowi nazwę z podkreślnikiem, np. app/_components?
  29. 29.Która trasa złapie /docs/a/b/c?
  30. 30.Co robią polecenia next build i next start?
  31. 31.Jakiego bundlera domyślnie używa Next.js 16 dla next dev i next build?
  32. 32.Jak w Next.js 16 nazywa się plik, który wcześniej nazywał się middleware.ts?
  33. 33.Jak przekierować użytkownika na /login z komponentu serwerowego?
  34. 34.Jak na stronie serwerowej pobrać parametr zapytania ?page=2?
  35. 35.Jak ładować dane w komponencie serwerowym?
  36. 36.Gdzie w App Router importuje się globalny CSS?
  37. 37.Gdzie pojawi się console.log z komponentu serwerowego?
  38. 38.Co przekazać do <Image> dla obrazka rozciągniętego na cały blok rodzica?
  39. 39.Jak w Next.js leniwie załadować ciężki komponent kliencki?
  40. 40.Po co ładować zewnętrzne skrypty przez next/script?
  41. 41.Jak zbudować aplikację Next.js do zestawu plików statycznych bez serwera Node.js?
  42. 42.Co się stanie, jeśli w app/dashboard/ będą jednocześnie page.tsx i route.ts?
  43. 43.Czym template.tsx różni się od layout.tsx?
  44. 44.Czy w komponencie serwerowym można używać hooków useState i useEffect?
  45. 45.Kiedy <Link> wcześniej ładuje trasę (prefetch)?
  46. 46.Czy stan w sidebarze wewnątrz wspólnego layoutu przetrwa przejście między stronami?
  47. 47.Jak otypować propsy app/blog/[slug]/page.tsx w Next.js 16?
  48. 48.Jaka minimalna wersja Node.js jest wymagana dla Next.js 16?
  49. 49.Czy w Next.js można używać CSS Modules bez dodatkowej konfiguracji?
  50. 50.Jaki tytuł dostanie strona przy export const metadata = { title: 'Profile' } na stronie i title: { template: '%s | Shop', default: 'Shop' } w layoucie?
  51. 51.Jak komponent kliencki odczyta segment [slug] bieżącego URL?
  52. 52.Jak wygenerować sitemap.xml w App Routerze?
  53. 53.Który plik steruje odpowiedzią /robots.txt?
  54. 54.Jak ustawić favicon strony w App Routerze?
  55. 55.Czym permanentRedirect() różni się od redirect()?
  56. 56.Jak przekierować stare URL /blog/:slug na /news/:slug dla wszystkich żądań, bez kodu w stronach?
  57. 57.Co stało się z poleceniem next lint w Next.js 16?
  58. 58.Czy folder app/ może znajdować się wewnątrz src/?
  59. 59.Kiedy warto użyć router.push() zamiast <Link>?
  60. 60.Co robi prop replace w <Link>?
  61. 61.Co robi scroll={false} w <Link>?
  62. 62.Do czego służy hook useLinkStatus?
  63. 63.Jak obsłużyć POST /api/posts w Route Handlerze?
  64. 64.Czy prop alt w next/image jest wymagany?
  65. 65.Który plik .env jest przeznaczony na lokalne sekrety i nie powinien trafić do repozytorium?
  66. 66.Dlaczego export const metadata w stronie z 'use client' powoduje błąd?
  67. 67.Które strony obejmuje app/dashboard/layout.tsx?
  68. 68.Gdzie ustawia się themeColor w Next.js 16?
  69. 69.Jak dodać manifest aplikacji webowej dla PWA?
  70. 70.Czy 'use client' jest potrzebne na początku każdego pliku komponentu klienckiego?
  71. 71.Jak dodać do strony dane strukturalne JSON-LD?
  72. 72.Jak komponent serwerowy odczyta nagłówek żądania, np. user-agent?
  73. 73.Co robi export const dynamicParams = false na stronie z generateStaticParams (bez Cache Components)?
  74. 74.Jak serwować całą aplikację pod ścieżką /docs (np. acme.com/docs)?
  75. 75.Która strategia next/script ładuje skrypt w czasie bezczynności przeglądarki, np. widżet czatu?