Собеседование Next.js крутится вокруг стратегий рендеринга, App Router, серверных компонентов и кеширования — того, что отличает Next от обычного React. Ниже — самые частые вопросы с эталонными ответами. Middle: более глубокое понимание, оптимизацию и реальные рабочие ситуации.
Слоёв несколько: мемоизация запроса внутри одной отрисовки, кеш данных между запросами и полный кеш маршрута для статических. Удивляет то, как много кешируется по умолчанию: fetch кешируется, пока вы не скажете иначе, и страница показывает устаревшие данные, хотя никто ничего не менял. Отказываются через revalidate и cache: 'no-store'.
Функция, помеченная 'use server', которую клиентский компонент вызывает напрямую, а запрос организует Next. Годится для мутаций из формы без написания API-роута и умеет тут же сбросить затронутый кеш. Чем он не является — так это общим RPC: под капотом это POST, поэтому для того, что должно быть GET, он не подходит.
revalidatePath сбрасывает кеш маршрута; revalidateTag сбрасывает все fetch с этим тегом, где бы они ни использовались. Теги удобнее, как только одни и те же данные появляются на нескольких страницах: перестаёшь помнить, какие маршруты надо сбросить при изменении.
Сервер отправляет HTML по мере готовности, а не ждёт самый медленный запрос. Обёртка медленной части в Suspense с заглушкой позволяет остальной странице прийти сразу, а медленному куску достримиться позже. Выигрыш реален для страницы с одним медленным виджетом и исчезает, если всё завёрнуто в одну границу.
Всё с префиксом NEXT_PUBLIC_ подставляется в браузерный бандл и потому публично: ключ там — это опубликованный ключ. Остальное доступно только на сервере — в серверных компонентах, обработчиках маршрутов и действиях. Ошибка — дописать префикс, чтобы починить undefined в клиентском компоненте, и тихо отправить секрет наружу.
Сообщает Next, какие значения динамического маршрута отрисовать на этапе сборки, превращая [slug] в набор статических страниц. Всё, чего нет в списке, рендерится по требованию и дальше может кешироваться. Именно это делает контентный сайт статическим, не отказываясь от динамической маршрутизации.
На собеседовании ты говоришь вслух под давлением. Кем задаст эти же вопросы, оценит каждый ответ и покажет, что именно подтянуть.
Пройти интервью Middle Next.js →