Співбесіда Next.js крутиться навколо стратегій рендерингу, App Router, серверних компонентів і кешування — того, що відрізняє Next від звичайного React. Нижче — найчастіші питання з еталонними відповідями. Senior: архітектуру, трейд-офи, менторство та прийняття рішень.
За тим, наскільки свіжим має бути вміст і скільки існує різних версій. Маркетингові сторінки і статті — статика з ревалідацією, хвилина застарівання не коштує нічого. Усе персоналізоване — динаміка, бо кеш на користувача це не кеш. Пастка — зробити сторінку динамічною випадково: читання кук чи заголовків будь-де в дереві виводить весь маршрут зі статики.
Опускати 'use client' якомога нижче і тримати завантаження даних на сервері: компонент, який не доїжджає до браузера, не коштує нічого. Далі звичне: динамічні імпорти важких віджетів і перевірка того, що тягне за собою залежність, — клієнтський компонент, який імпортує бібліотеку дат, і є тим способом, яким сторінка набирає сотню кілобайт. Чесним усе це тримає аналізатор бандла в CI.
Оптимізації зображень потрібен налаштований завантажувач, ISR потребує спільного сховища, щоб усі інстанси ревалідували узгоджено, а middleware виконується на Node, а не на edge-рантаймі. Жодне не блокер, але кожне — рішення, яке Vercel ухвалює мовчки, а самостійний хостинг робить явним. Дорого дізнаватися про це після переїзду.
Читати сесію на сервері — у лейауті, серверному компоненті чи middleware, — щоб захищений вміст узагалі не їхав у браузер, якому він не належить. Клієнтський редирект після відмальовування спершу показує сторінку. Middleware закриває грубий контур, а точна перевірка живе поруч із даними: один захист маршруту прикриває сторінку, але не ендпоінт.
Коли застосунок за логіном і в нього немає вимог до SEO і першого відмальовування: звичайний SPA простіше зібрати і розмістити, а більша частина цінності Next — це серверний рендеринг, яким ви не скористаєтеся. І коли команда не може тримати Node-сервер, а обмеження — статичний хостинг. Взяти його за замовчуванням — спосіб видати дашборду модель рендерингу, яка йому ніколи не була потрібна.
На співбесіді ти говориш вголос під тиском. Кем поставить ті самі питання, оцінить кожну відповідь і покаже, що саме підтягнути.
Пройти інтерв'ю Senior Next.js →