← Усі теми

Питання на співбесіді з Next.js (Senior) з відповідями

75 запитань для співбесіди з теми Next.js (Senior) - з правильними відповідями, поясненнями й посиланнями на документацію.

Пройти цей тест
  1. 1.Що таке RSC payload?
  2. 2.Що відбувається під час клієнтського переходу за <Link> в App Router?
  3. 3.З cacheComponents: true dev-оверлей показує «blocking route». Що це означає?
  4. 4.Чим 'use cache: remote' відрізняється від 'use cache'?
  5. 5.Що треба врахувати під час self-hosting Next.js на кількох подах Kubernetes?
  6. 6.Що означають параметри stale, revalidate і expire у cacheLife?
  7. 7.Як Next.js захищає Server Actions від CSRF?
  8. 8.Чому Server Actions не варто використовувати для завантаження даних?
  9. 9.Server Action оголошено всередині компонента, і вона використовує змінну із замикання. Що з нею відбувається?
  10. 10.Для чого React Taint API (experimental_taintObjectReference) у Next.js?
  11. 11.Чому CSP з nonce робить сторінки динамічними?
  12. 12.Чому в продакшені error.tsx отримує узагальнене повідомлення помилки із серверного компонента?
  13. 13.Що змінилося в next/image у Next.js 16 за замовчуванням?
  14. 14.Який рантайм використовує proxy.ts у Next.js 16?
  15. 15.Які оптимізації попереднього завантаження з'явилися в роутері Next.js 16?
  16. 16.Що робить optimizePackageImports?
  17. 17.Коли потрібна опція serverExternalPackages?
  18. 18.Для чого Draft Mode?
  19. 19.Навіщо файл instrumentation.ts з функцією register()?
  20. 20.Як реалізувати on-demand ISR за вебхуком із CMS?
  21. 21.Чому Context-провайдери в App Router виносять в окремий клієнтський компонент?
  22. 22.Сторонній компонент використовує хуки, але в ньому немає 'use client'. Як використати його в серверній сторінці?
  23. 23.Як отримати конфігурацію зі змінної оточення під час роботи, а не під час збирання?
  24. 24.Що таке version skew і як із ним допомагає deploymentId?
  25. 25.Чому з Cache Components generateStaticParams не може повернути порожній масив?
  26. 26.Як поводяться GET Route Handlers за ввімкнених Cache Components?
  27. 27.Що отримає користувач, якщо Server Action викликає revalidatePath і повертає значення?
  28. 28.Як пов'язати forbidden() і unauthorized() з UI?
  29. 29.Як метадані з generateMetadata поводяться під час стримінгу?
  30. 30.Коли варто ввімкнути reactCompiler у Next.js 16?
  31. 31.Чим unstable_rethrow допомагає в обробці помилок?
  32. 32.Чому layout не варто використовувати як єдине місце перевірки авторизації?
  33. 33.Що таке Multi-Zones?
  34. 34.Чому дані на сторінці іноді передаються двічі - у HTML і в RSC payload?
  35. 35.Що попередньо завантажується для динамічного маршруту за <Link> з налаштуваннями за замовчуванням?
  36. 36.Чим refresh() з next/cache відрізняється від revalidatePath?
  37. 37.Як Next.js 16 пришвидшує повторні запуски next dev і next build?
  38. 38.Чим корисний typedRoutes?
  39. 39.Чим Edge-рантайм відрізняється від Node.js для маршрутів?
  40. 40.Компонент показує new Date().toLocaleString() і спричиняє hydration mismatch. Як виправити найкоректніше?
  41. 41.Що дає after() у Route Handler порівняно з await logEvent() перед відповіддю?
  42. 42.Як забезпечити, щоб 'use cache'-функція не кешувала дані різних користувачів разом?
  43. 43.Як влаштований патерн модалки зі збереженням URL в App Router?
  44. 44.Як правильно реагувати на помилку в generateStaticParams під час збирання?
  45. 45.Чому читання searchParams на верхньому рівні сторінки знижує ефект PPR?
  46. 46.Яка команда згенерує типи PageProps і LayoutProps без запуску dev-сервера?
  47. 47.Чим htmlLimitedBots відрізняється від звичайної обробки ботів?
  48. 48.Що станеться, якщо в layout викликати await params на верхньому рівні за Cache Components без generateStaticParams?
  49. 49.Як кешування 'use cache' працює на serverless-платформі з обробником за замовчуванням?
  50. 50.Навіщо Server Actions отримують зашифровані, недетерміновані ID?
  51. 51.Що робить await prefetch() усередині компонента з увімкненим Partial Prefetching?
  52. 52.Що гарантує export const ensureStatic = 'shell' для маршруту?
  53. 53.Що робить export const instant = true у сегменті?
  54. 54.Чому useOffline() з next/offline у проєкті завжди повертає false?
  55. 55.Як із Cache Components скидати піддерево під час навігації через <Link>, але відновлювати його кнопкою «Назад»?
  56. 56.Як компонент з 'use cache' може приймати children, якщо JSX не можна серіалізувати в ключ кешу?
  57. 57.Чому функція з 'use cache' і cacheLife('seconds') стає динамічною діркою, а не потрапляє в пререндер сторінки?
  58. 58.Куди під'єднати спільне сховище кешу (наприклад, Redis) для 'use cache' під час self-hosting?
  59. 59.Для чого потрібен Build Adapters API (adapterPath)?
  60. 60.Чому в Next.js 16 next dev і next build можуть працювати одночасно?
  61. 61.У Next.js 16 видалено publicRuntimeConfig. Як передати конфіг, що різниться за оточеннями, без перезбирання?
  62. 62.Сайт використовує scroll-behavior: smooth, і після переходу на Next.js 16 кожна навігація плавно прокручує вгору. Як повернути миттєвий перехід?
  63. 63.Чому images.domains застарів на користь images.remotePatterns?
  64. 64.Чому Next.js 16 за замовчуванням блокує оптимізацію зображень з локальних IP-адрес?
  65. 65.Чому серверному компоненту не варто робити fetch до власного Route Handler (/api/products) по дані?
  66. 66.Server Action deletePost(id) використовується лише на адмінській сторінці. Чому він однаково має сам перевіряти авторизацію?
  67. 67.Як застосувати збережену тему чи дату в локальному форматі до першого відмальовування, без помилки гідратації й блимання?
  68. 68.Як працює generateStaticParams для вкладених динамічних сегментів на кшталт /[category]/[product]?
  69. 69.notFound() викликається в компоненті, що стримиться всередині межі <Suspense>. Що отримає краулер?
  70. 70.Чому в proxy.ts варто робити лише оптимістичні перевірки авторизації?
  71. 71.CDN перед self-hosted Next.js і далі віддає стару сторінку після revalidateTag(). Чому?
  72. 72.У каталозі 1 млн товарів. Як швидко зібрати проєкт і все одно віддавати всі сторінки статично (без Cache Components)?
  73. 73.Де міститься конфігурація Turbopack у Next.js 16?
  74. 74.Що змінилося в пропсах функцій opengraph-image, icon і apple-icon у Next.js 16?
  75. 75.Коли з Cache Components усе ще правильніше connection(), а не io()?