P
prepair.app
Пройти интервью →
EnglishУкраїнськаРусскийDeutsch

Senior Next.jsВопросы на собеседовании Next.js

Senior · 5+ лет опыта

Собеседование Next.js крутится вокруг стратегий рендеринга, App Router, серверных компонентов и кеширования — того, что отличает Next от обычного React. Ниже — самые частые вопросы с эталонными ответами. Senior: архитектуру, трейд-оффы, менторство и принятие решений.

Попробовать — без регистрации
Готовим вопрос…

Темы для подготовки

SSR, SSG, ISR и CSR
App Router vs Pages Router
Серверные компоненты
Route handlers и API
Кеширование и ревалидация
Оптимизация изображений и шрифтов

5 вопросов уровня Senior с ответами

1

Как выбирать между статикой, динамикой и ревалидацией?

Ответ

По тому, насколько свежим обязано быть содержимое и сколько существует различных версий. Маркетинговые страницы и статьи — статика с ревалидацией, минута устаревания не стоит ничего. Всё персонализированное — динамика, потому что кеш на пользователя это не кеш. Ловушка — сделать страницу динамической случайно: чтение куки или заголовков где угодно в дереве выводит весь маршрут из статики.

2

Как удержать клиентский бандл маленьким в App Router?

Ответ

Опускать 'use client' как можно ниже и держать загрузку данных на сервере: компонент, который не доезжает до браузера, не стоит ничего. Дальше обычное: динамические импорты тяжёлых виджетов и проверка того, что тянет за собой зависимость, — клиентский компонент, импортирующий библиотеку дат, и есть тот способ, которым страница набирает сотню килобайт. Честным всё это держит анализатор бандла в CI.

3

Что ломается при деплое Next вне Vercel?

Ответ

Оптимизации изображений нужен настроенный загрузчик, ISR требует общего хранилища, чтобы все инстансы ревалидировали согласованно, а middleware выполняется на Node, а не на edge-рантайме. Ни одно не блокер, но каждое — решение, которое Vercel принимает молча, а самостоятельный хостинг делает явным. Дорого узнавать об этом после переезда.

4

Как устроить аутентификацию между сервером и клиентом?

Ответ

Читать сессию на сервере — в лейауте, серверном компоненте или middleware, — чтобы защищённое содержимое вообще не уезжало в браузер, которому оно не положено. Клиентский редирект после отрисовки сначала показывает страницу. Middleware закрывает грубый контур, а точная проверка живёт рядом с данными: одна защита маршрута прикрывает страницу, но не эндпоинт.

5

Когда Next не нужен?

Ответ

Когда приложение за логином и у него нет требований к SEO и первой отрисовке: обычный SPA проще собрать и разместить, а большая часть ценности Next — это серверный рендеринг, которым вы не воспользуетесь. И когда команда не может держать Node-сервер, а ограничение — статический хостинг. Взять его по умолчанию — способ выдать дашборду модель рендеринга, которая ему никогда не была нужна.

🦎

Прочитать ответы недостаточно

На собеседовании ты говоришь вслух под давлением. Кем задаст эти же вопросы, оценит каждый ответ и покажет, что именно подтянуть.

Пройти интервью Senior Next.js →
Бесплатно · 3 интервью в месяц

Другие уровни — Next.js

Junior Next.jsMiddle Next.jsВсе вопросы Next.js

Другие специализации

🔍Senior QA Manual🤖Senior QA AutomationSenior Java Backend🐍Senior Python Backend🐘Senior PHP Backend🦫Senior Go Backend🟢Senior Node.js Backend💎Senior Ruby on Rails🟣Senior .NET Backend Developer🔷Senior C++